我有一个移动应用程序,可以在较大的设备(平板电脑)上完美运行,但在手机中,它在整个应用程序中所有布局的底部一直显示空白。
在此示例中,我将显示登录布局(无操作栏)。
我正在两个移动设备上进行测试(均存在问题):Motorola E13 和 Samsung A71。
这是移动设备中的结果(从物理设备打印屏幕):
这是我的
login_layout.axml
:
<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:focusable="true"
android:focusableInTouchMode="true"
android:background="@color/white"
android:fitsSystemWindows="true"
android:id="@+id/login_layout">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:gravity="center">
<ImageView
android:layout_height="70dp"
android:src="@drawable/img_rdscan_black"
android:layout_width="300dp" />
<LinearLayout
android:orientation="vertical"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="26dp"
android:gravity="center_vertical"
android:layout_gravity="center_horizontal">
<android.support.design.widget.TextInputLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
style="@style/TextInputLayoutOutlined">
<android.support.design.widget.TextInputEditText
android:id="@+id/txtLogin"
android:layout_width="300dp"
android:layout_height="wrap_content"
android:layout_marginTop="20dp"
android:inputType="number"
android:hint="CPF"
android:textColor="@color/primary"
android:textSize="@dimen/smaller_font_size" />
</android.support.design.widget.TextInputLayout>
<android.support.design.widget.TextInputLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
style="@style/TextInputLayoutOutlined"
android:layout_marginTop="10dp">
<android.support.design.widget.TextInputEditText
android:id="@+id/txtPassword"
android:layout_width="300dp"
android:layout_height="wrap_content"
android:inputType="textPassword"
android:hint="Senha"
android:textColor="@color/primary"
android:textSize="@dimen/smaller_font_size" />
</android.support.design.widget.TextInputLayout>
<Button
android:id="@+id/btnLogin"
android:text="Entrar"
android:backgroundTint="@color/primary"
android:layout_width="300dp"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:textColor="@color/white"
android:textSize="@dimen/smaller_font_size"
android:background="@drawable/bg_button_dark_rounded"
android:fontFamily="sans-serif-condensed-light" />
</LinearLayout>
<ProgressBar
android:id="@+id/pbLogin"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:progressTint="@color/primary_active"
android:indeterminate="true"
android:visibility="gone" />
<TextView
android:id="@+id/txtLoginVersionSNHash"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:textStyle="normal"
android:textSize="16sp"
android:text="@string/app_version"
android:fontFamily="sans-serif-condensed-light"
android:gravity="center_horizontal"
android:textColor="@color/accent" />
</LinearLayout>
<android.support.design.widget.FloatingActionButton
android:id="@+id/fabSettingsWifi"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="bottom|end"
android:layout_marginRight="20dp"
android:layout_marginBottom="20dp"
android:src="@drawable/ic_action_wifi"
app:fabSize="normal"
app:backgroundTint="#272B35"
app:rippleColor="@color/accent" />
</android.support.design.widget.CoordinatorLayout>
这是我正在使用的
styles
:
<style name="AppThemeLogin" parent ="Theme.AppCompat.Light.NoActionBar">
<item name="windowActionBar">false</item>
<item name="windowNoTitle">true</item>
<item name="android:actionBarSize">0dp</item>
<item name="colorControlNormal">@color/white</item>
<item name="colorControlActivated">@color/primary_active</item>
<item name="colorControlHighlight">@color/accent</item>
<item name="android:textColorHint">@color/accent</item>
</style>
已经尝试过这个主题但没有成功:
这让我抓狂。我在这里缺少什么想法吗?
针对平板电脑和移动设备的设计不同。我想,问题将会解决。