gpt4 book ai didi

android - 平板电脑和手机的多种布局

转载 作者:塔克拉玛干 更新时间:2023-11-03 01:12:00 25 4
gpt4 key购买 nike

我正在为平板电脑手机 开发安卓应用。因此,为了实现这一点,我为手机 (layout) 创建了两个文件夹,为平板电脑布局 (layout-sw600dp) 创建了一个文件夹。

根据我之前的问题comment我假设只有平板电脑会从 layout-sw600dp 中获取布局。但这似乎不起作用。

对于 nexus 4、nexus 5、nexus 6、nexus 7 设备,它采用 layout-sw600dp 布局。

我在这里错过了什么?如何根据正确的 DP 布局计算手机/平板电脑的尺寸?

平板电脑和手机所需的设计:

enter image description here

另一个退休使用两个独立的布局:

手机设计:

enter image description here

标签设计:

enter image description here

回应下面的回复帖子answer ,我有这样的线性布局:

  <LinearLayout
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:id="@+id/linearLayouttest">
<TextView
android:layout_height="wrap_content"
android:layout_width="match_parent"
android:layout_gravity="center_horizontal"
android:textColor="@color/black"
android:gravity="left"
android:text="LabelFirstName"
android:layout_marginTop="@dimen/_8sdp"
android:textSize="@dimen/_13sdp"
android:id="@+id/firstNameLabel"
android:layout_marginLeft="@dimen/_15sdp"
android:layout_marginRight="@dimen/_15sdp" />
<EditText
android:layout_height="wrap_content"
android:layout_width="match_parent"
android:id="@+id/firstName"
android:layout_marginTop="@dimen/_3sdp"
android:background="@drawable/edt_bg"
android:textColor="@color/black"
android:layout_marginRight="@dimen/_15sdp"
android:layout_marginLeft="@dimen/_15sdp"
android:padding="@dimen/_5sdp"
android:textSize="@dimen/_14sdp"
android:textColorHint="@color/textColor" />
<TextView
android:layout_height="wrap_content"
android:layout_width="match_parent"
android:layout_gravity="center_horizontal"
android:textColor="@color/black"
android:gravity="left"
android:text="LabelLastName"
android:layout_marginTop="@dimen/_3sdp"
android:textSize="@dimen/_13sdp"
android:id="@+id/lastNameLabel"
android:layout_marginLeft="@dimen/_15sdp"
android:layout_marginRight="@dimen/_15sdp" />
<EditText
android:layout_height="wrap_content"
android:layout_width="match_parent"
android:id="@+id/lastName"
android:layout_marginTop="@dimen/_3sdp"
android:background="@drawable/edt_bg"
android:textColor="@color/black"
android:layout_marginRight="@dimen/_15sdp"
android:layout_marginLeft="@dimen/_15sdp"
android:padding="@dimen/_5sdp"
android:textSize="@dimen/_14sdp"
android:textColorHint="@color/textColor" />
</LinearLayout>

当我改变方向时, TextView 不可见。有什么解决办法吗?

最佳答案

您可以使用 https://github.com/intuit/sdp根据所有设备(手机和平板电脑)设置 View 尺寸的库。它会根据设备屏幕尺寸自动调整大小。设置如下:

<TextView
android:id="@+id/tv_username"
android:layout_width="@dimen/_45sdp"
android:layout_height="@dimen/_45sdp"
android:text="@string/chat"
android:textColor="@color/colorPrimary"/>

更新

首先检查设备是使用 Determine if the device is a smartphone or tablet? 的手机还是平板电脑

或者你可以用下面的方法来判断

public boolean isTablet() {
try {
// Compute screen size
DisplayMetrics dm = context.getResources().getDisplayMetrics();
float screenWidth = dm.widthPixels / dm.xdpi;
float screenHeight = dm.heightPixels / dm.ydpi;
double size = Math.sqrt(Math.pow(screenWidth, 2) + Math.pow(screenHeight, 2));
// Tablet devices should have a screen size greater than 6 inches
return size >= 6;

} catch(Exception e) {
e.printStackTrace();
return false;
}

然后以编程方式设置父 LinearLayout 方向,如下所示:

boolean tabletSize = getResources().getBoolean(R.bool.isTablet);
if (tabletSize) {
LinearLayout ll = (LinearLayout) findViewById(R.id.linearLayout);
ll.setLayoutParams(LinearLayout.WRAP_CONTENT, LinearLayout.WRAP_CONTENT);
ll.setOrientation(LinearLayout.HORIZONTAL);
} else {
LinearLayout ll = (LinearLayout) findViewById(R.id.linearLayout);
ll.setLayoutParams(LinearLayout.WRAP_CONTENT, LinearLayout.WRAP_CONTENT);
ll.setOrientation(LinearLayout.VERTICAL);
}

XML 校正

您的布局必须如下所示:

<LinearLayout
android:id="@+id/linearLayouttest"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">

<LinearLayout
android:id="@+id/linearLayout1"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">

<TextView
android:id="@+id/firstNameLabel"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:layout_marginLeft="@dimen/_15sdp"
android:layout_marginRight="@dimen/_15sdp"
android:layout_marginTop="@dimen/_8sdp"
android:gravity="left"
android:text="LabelFirstName"
android:textColor="@color/black"
android:textSize="@dimen/_13sdp" />

<EditText
android:id="@+id/firstName"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginLeft="@dimen/_15sdp"
android:layout_marginRight="@dimen/_15sdp"
android:layout_marginTop="@dimen/_3sdp"
android:background="@drawable/edt_bg"
android:padding="@dimen/_5sdp"
android:textColor="@color/black"
android:textColorHint="@color/black"
android:textSize="@dimen/_14sdp" />

</LinearLayout>

<LinearLayout
android:id="@+id/linearLayout2"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">

<TextView
android:id="@+id/lastNameLabel"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:layout_marginLeft="@dimen/_15sdp"
android:layout_marginRight="@dimen/_15sdp"
android:layout_marginTop="@dimen/_3sdp"
android:gravity="left"
android:text="LabelLastName"
android:textColor="@color/black"
android:textSize="@dimen/_13sdp" />

<EditText
android:id="@+id/lastName"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginLeft="@dimen/_15sdp"
android:layout_marginRight="@dimen/_15sdp"
android:layout_marginTop="@dimen/_3sdp"
android:background="@drawable/edt_bg"
android:padding="@dimen/_5sdp"
android:textColor="@color/black"
android:textColorHint="@color/black"
android:textSize="@dimen/_14sdp" />

</LinearLayout>
</LinearLayout>

关于android - 平板电脑和手机的多种布局,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47785527/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com