UI在实际设备中无法正常运行

时间:2018-01-28 09:57:48

标签: android android-layout android-fragments android-button

在我的项目中,我使用两个标签,每个标签都有一个片段。它在模拟器上看起来不错,但它在实际的Android设备上没有正确使用。无论设备的分辨率或大小如何,我都希望所有内容都能正确放入屏幕。这只是一个标签的片段:

fragment_encode.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:android="http://schemas.android.com/apk/res/android">

    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="@dimen/load_image_layout_margin_top"
        android:background="@drawable/layout_border">

        <ImageView
            android:id="@+id/loadImage"
            android:layout_width="match_parent"
            android:layout_height="@dimen/load_image_encode"
            android:gravity="center"
            android:paddingTop="2sp"
            android:contentDescription="@string/description_upload_image"
            android:scaleType="centerInside" />

        <TextView
            android:id="@+id/imageTextMessage"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_gravity="bottom|center"
            android:drawableStart="@drawable/ic_open_image"
            android:gravity="center"
            android:text="@string/description_upload_image"
            android:textAllCaps="true"
            android:textColor="@color/colorPrimary"
            android:textSize="20sp" />
    </FrameLayout>

    <EditText android:textColor="@color/colorPrimaryDark"
        android:gravity="left"
        android:id="@+id/passwordEditText"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginLeft="12sp"
        android:layout_marginRight="12sp"
        android:layout_marginTop="16sp"
        android:hint="@string/password_edit_text_hint"
        android:maxLength="16"
        android:inputType="textPassword" />

    <LinearLayout android:layout_width="match_parent"
        android:orientation="vertical"
        android:layout_height="0dp"
        android:layout_weight="1.0">

        <Button
            android:id="@+id/textToEncodeButton"
            android:layout_width="match_parent"
            android:layout_height="56sp"
            android:layout_margin="12sp"
            android:background="@color/colorButtonBackground"
            android:text="@string/enter_text"
            android:textColor="@color/colorButtonText"
            android:textSize="@dimen/button_text_size" />

        <Button
            android:id="@+id/encodeButton"
            android:layout_width="match_parent"
            android:layout_height="56sp"
            android:layout_marginLeft="12sp"
            android:layout_marginRight="12sp"
            android:background="@color/colorButtonBackground"
            android:onClick="decodeButtonClicked"
            android:text="@string/encode"
            android:textColor="@color/colorButtonText"
            android:textSize="@dimen/button_text_size" />

    </LinearLayout>

</LinearLayout>

这是设备的快照,其中编码按钮正在关闭且无法正常显示。

2 个答案:

答案 0 :(得分:1)

当视图超出屏幕大小时,建议不要特别设置按钮的高度。你可以设置按钮&#39; android_heightwrap_content

答案 1 :(得分:0)

如果您使用带有权重的线性布局,则建议使用

layout_heigth="0dp"
layout_weight="1"

仅设置父级的高度,而不是子视图的高度。 尝试以下代码,可能会有所帮助。 如果当前&#34; 1&#34;调整editText的权重。不起作用(使用小于1的值)。

    <?xml version="1.0" encoding="utf-8"?>

<LinearLayout android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:android="http://schemas.android.com/apk/res/android">

    <LinearLayout
        android:orientation="vertical"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1">
    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_marginTop="@dimen/load_image_layout_margin_top"
        android:background="@drawable/layout_border">

        <ImageView
            android:id="@+id/loadImage"
            android:layout_width="match_parent"
            android:layout_height="@dimen/load_image_encode"
            android:gravity="center"
            android:paddingTop="2sp"
            android:contentDescription="@string/description_upload_image"
            android:scaleType="centerInside" />

        <TextView
            android:id="@+id/imageTextMessage"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_gravity="bottom|center"
            android:drawableStart="@drawable/ic_open_image"
            android:gravity="center"
            android:text="@string/description_upload_image"
            android:textAllCaps="true"
            android:textColor="@color/colorPrimary"
            android:textSize="20sp" />
    </FrameLayout>
</LinearLayout>
<EditText android:textColor="@color/colorPrimaryDark"
android:gravity="left"
android:id="@+id/passwordEditText"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1"
android:layout_marginLeft="12sp"
android:layout_marginRight="12sp"
android:layout_marginTop="16sp"
android:hint="@string/password_edit_text_hint"
android:maxLength="16"
android:inputType="textPassword" />

<LinearLayout android:layout_width="match_parent"
android:orientation="vertical"
android:layout_height="0dp"
android:layout_weight="1">

<Button
    android:id="@+id/textToEncodeButton"
    android:layout_width="match_parent"
    android:layout_height="56sp"
    android:layout_margin="12sp"
    android:background="@color/colorButtonBackground"
    android:text="@string/enter_text"
    android:textColor="@color/colorButtonText"
    android:textSize="@dimen/button_text_size" />

<Button
    android:id="@+id/encodeButton"
    android:layout_width="match_parent"
    android:layout_height="56sp"
    android:layout_marginLeft="12sp"
    android:layout_marginRight="12sp"
    android:background="@color/colorButtonBackground"
    android:onClick="decodeButtonClicked"
    android:text="@string/encode"
    android:textColor="@color/colorButtonText"
    android:textSize="@dimen/button_text_size" />

</LinearLayout>

    </LinearLayout>

如果需要,可以更改线性布局的权重,并将权重总和保持为1或100.线性布局将根据所有屏幕自行调整。