【问题标题】:Android: Adjust Layout for smaller/Larger screen [duplicate]Android:调整小/大屏幕的布局[重复]
【发布时间】:2019-02-09 10:22:09
【问题描述】:

2 天前开始学习 Android。下面是我的第一个应用程序的屏幕截图。

问题是当我更改屏幕大小时,下方的文本和按钮会被裁剪掉,如下图所示。

如何使文本始终调整到底部。这将是处理文本的空闲方式还是我应该使视图可滚动。对不起,如果这个答案很明显,我只是一个新手。

下面是我的代码。

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <ImageView
        android:id="@+id/imageView"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:scaleType="centerCrop"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.0"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintVertical_bias="0.0"
        app:srcCompat="@drawable/bg" />

    <TextView
        android:id="@+id/restaurantTextView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="114dp"
        android:layout_marginStart="32dp"
        android:layout_marginTop="497dp"
        android:text="Restaurant"
        android:textColor="@android:color/background_light"
        android:textSize="50sp"
        app:layout_constraintBottom_toTopOf="@+id/textView2"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <TextView
        android:id="@+id/textView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="32dp"
        android:layout_marginTop="8dp"
        android:text="cheeza pizza"
        android:textColor="@android:color/background_light"
        android:textSize="30sp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/restaurantTextView" />

    <Button
        android:id="@+id/button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="32dp"
        android:layout_marginTop="8dp"
        android:width="170dp"
        android:background="@drawable/btn_shape_capsule"
        android:drawableRight="@drawable/arrow_right"
        android:padding="15dp"
        android:text="START ORDER"
        android:textColor="@android:color/background_light"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/textView2" />

</android.support.constraint.ConstraintLayout>

【问题讨论】:

标签: java android kotlin


【解决方案1】:
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/colorPrimary">

    <ImageView
        android:id="@+id/imageView"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:scaleType="centerCrop"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.0"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintVertical_bias="0.0"
        app:srcCompat="@drawable/bg"
        tools:ignore="VectorDrawableCompat" />

    <TextView
        android:id="@+id/restaurantTextView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Restaurant"
        android:textColor="@android:color/background_light"
        android:textSize="50sp"
        android:layout_marginLeft="20dp"
        android:layout_above="@+id/textView2"
         />

    <TextView
        android:id="@+id/textView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_above="@+id/button"
        android:text="cheeza pizza"
        android:layout_marginLeft="20dp"
        android:textColor="@android:color/background_light"
        android:textSize="30sp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/restaurantTextView" />

    <Button
        android:id="@+id/button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:padding="15dp"
        android:layout_marginLeft="20dp"
        android:background="@drawable/btn_shape_capsule"
        android:drawableRight="@drawable/arrow_right"
        android:text="START ORDER"
        android:textColor="@android:color/background_light"
        android:layout_marginBottom="30dp"
        android:layout_alignParentBottom="true"/>


</RelativeLayout>

【讨论】:

  • 这工作正常,但我不知道为什么...
  • 此示例从TextView 中删除边距。他们将您的文本从屏幕上移开,尤其是android:layout_marginTop="497dp"。他还将其更改为RelativeLayout 而不是ConstraintLayout,尽管这实际上是一种倒退。 ConstraintLayout 可能是总体上“更好”的方法,而且肯定是有效的。 tl;dr - 他们从您的TextView 中取出了上边距。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-06-20
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多