关于Android应用程序响应式设计的问题

问题描述 投票:0回答:1

假设我正在针对不同的屏幕尺寸使用四个不同的文件夹。这些文件夹是layout-sw320dp、layout-sw480dp、layout-sw600dp、layout-720dp。

我不清楚的是,我是否必须对之前每个目录的布局代码进行修改,或者只是将相同的代码复制并粘贴到每个目录中?

我的主要问题首先是如何管理每个布局的不同视图的高度和宽度...我必须为每个 sw 目录指定特定的宽度和高度,或者限制自己分配“wrap_content”无论最小屏幕尺寸如何,不同 sw 目录中视图的高度和宽度?

这是我对两个选项之间的疑问的一个例子:


选项 1:

布局-sw480dp

<EditText
        android:id="@+id/edtOne"
        android:layout_width="240dp"
        android:layout_height="40dp" />

<Button
        android:id="@+id/btnOne"
        android:layout_width="100dp"
        android:layout_height="42dp" />

布局-sw600dp

<EditText
        android:id="@+id/edtOne"
        android:layout_width="330dp"
        android:layout_height="50dp" />

<Button
        android:id="@+id/btnOne"
        android:layout_width="141dp"
        android:layout_height="66dp" />

布局-sw720dp:

<EditText
        android:id="@+id/edtOne"
        android:layout_width="590dp"
        android:layout_height="103dp" />

<Button
        android:id="@+id/btnOne"
        android:layout_width="247dp"
        android:layout_height="84dp" />

选项 2:

布局-sw480dp:

<EditText
        android:id="@+id/edtOne"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

<Button
        android:id="@+id/btnOne"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

布局-sw600dp:

<EditText
        android:id="@+id/edtOne"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

<Button
        android:id="@+id/btnOne"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

布局-720dp:

<EditText
        android:id="@+id/edtOne"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

<Button
        android:id="@+id/btnOne"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

我的问题是,应用响应式设计时,这 2 个选项中哪一个是正确的?

我想解决有关 Android 应用程序响应式设计的疑问。

android kotlin android-studio android-layout responsive-design
1个回答
0
投票

这是一个自定义工具栏

<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:background="@color/colorPrimaryDark"
android:padding="10dp"
android:gravity="center">

<LinearLayout
    android:id="@+id/rl_icon"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:padding="10dp">
    <ImageView
        android:id="@+id/img_back"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/ic_back"
        />
</LinearLayout>

 <TextView
     android:id="@+id/txt_title"
     android:layout_width="match_parent"
     android:layout_height="wrap_content"
     android:layout_weight="1"
     android:layout_marginStart="10dp"
     android:fontFamily="@font/ff_bold"
     android:text="@string/help_support"
     android:textColor="@color/white"
     android:textSize="24sp" />

<TextView
    android:id="@+id/txt_subtitle"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:fontFamily="@font/ff_regular"
    android:gravity="end"
    android:layout_marginEnd="10dp"
    android:text="View tickets"
    android:textColor="@color/black"/></LinearLayout>
© www.soinside.com 2019 - 2024. All rights reserved.