高分辨率设备android中的布局问题
我想制作下面的listview行文件 因此,我将布局行文件代码设置如下高分辨率设备android中的布局问题,android,android-layout,android-linearlayout,Android,Android Layout,Android Linearlayout,我想制作下面的listview行文件 因此,我将布局行文件代码设置如下 <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent">
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">
<RelativeLayout
android:id="@+id/rel_items"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_margin="@dimen/margin_5dp"
android:background="@drawable/rect_white">
<LinearLayout
android:id="@+id/ll_main"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:weightSum="100">
<LinearLayout
android:id="@+id/ll_left"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="70">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
<CheckBox
android:id="@+id/ckh"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerVertical="true"
android:layout_marginLeft="@dimen/margin_5dp" />
<customtext.BoldText
android:id="@+id/task_title"
style="@style/NormalTextView"
android:layout_marginLeft="@dimen/margin_2dp"
android:layout_marginRight="@dimen/margin_5dp"
android:layout_marginTop="@dimen/margin_10dp"
android:layout_toRightOf="@+id/ckh"
android:singleLine="false"
android:text="Title"
android:textColor="@android:color/black"
android:textSize="@dimen/text_11" />
<customtext.RegularText
android:id="@+id/task_assign"
style="@style/NormalTextView"
android:layout_alignLeft="@+id/task_title"
android:layout_below="@+id/task_title"
android:layout_marginTop="@dimen/margin_2dp"
android:layout_toRightOf="@+id/ckh"
android:background="@drawable/rect_full"
android:padding="@dimen/margin_2dp"
android:text="Title"
android:textColor="@android:color/white"
android:textSize="@dimen/text_8" />
<customtext.RegularText
android:id="@+id/task_date"
style="@style/NormalTextView"
android:layout_alignLeft="@+id/task_assign"
android:layout_below="@+id/task_assign"
android:paddingBottom="@dimen/margin_5dp"
android:text="Title"
android:layout_marginTop="@dimen/margin_2dp"
android:textColor="@color/dark_gray"
android:textSize="@dimen/text_10" />
</RelativeLayout>
</LinearLayout>
<LinearLayout
android:id="@+id/ll_right"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_marginBottom="1.5dp"
android:layout_marginRight="1.5dp"
android:layout_marginTop="1.5dp"
android:layout_weight="30"
android:background="@drawable/rect_task_edit_delete"
android:gravity="center|right">
<ImageView
android:id="@+id/img_edit"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginRight="@dimen/margin_20dp"
android:src="@drawable/edit" />
<ImageView
android:id="@+id/img_delete"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginRight="@dimen/margin_10dp"
android:src="@drawable/delete" />
</LinearLayout>
</LinearLayout>
</RelativeLayout>
</RelativeLayout>
当我在普通设备(如480x800)中运行此命令时,它将提供如下图像所示的输出
当我在像1080x1920这样的高分辨率设备(320dpi)(Sony xperia z Ultra)上运行这个时,我给出了下面的输出
你知道如何在高分辨率设备上维护这种布局吗?而不是这个
<LinearLayout
android:id="@+id/ll_right"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_marginBottom="1.5dp"
android:layout_marginRight="1.5dp"
android:layout_marginTop="1.5dp"
android:layout_weight="30"
android:background="@drawable/rect_task_edit_delete"
android:gravity="center|right">
<ImageView
android:id="@+id/img_edit"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginRight="@dimen/margin_20dp"
android:src="@drawable/edit" />
<ImageView
android:id="@+id/img_delete"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginRight="@dimen/margin_10dp"
android:src="@drawable/delete" />
</LinearLayout>
使用这个图像线性布局你的问题将得到解决
<LinearLayout
android:id="@+id/ll_right"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_marginBottom="1.5dp"
android:layout_marginRight="1.5dp"
android:layout_marginTop="1.5dp"
android:layout_weight="30"
android:background="@drawable/rect_task_edit_delete"
android:gravity="center|right">
<ImageView
android:id="@+id/img_edit"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:layout_marginRight="@dimen/margin_20dp"
android:src="@drawable/edit" />
<ImageView
android:id="@+id/img_delete"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:layout_marginRight="@dimen/margin_10dp"
android:src="@drawable/delete" />
</LinearLayout>
注意:-此问题是因为您将其设置为imageView包裹内容和带权重的线性布局,因此线性布局会根据其权重进行调整,但imageView是包裹内容。因此,它会因设备而异….在包含imageView删除和编辑的线性布局中。您已为它们指定了右边距以删除该内容和权重在这里求和。只需在下面更改第二个布局
<LinearLayout
android:id="@+id/ll_right"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_marginBottom="1.5dp"
android:layout_marginRight="1.5dp"
android:layout_marginTop="1.5dp"
android:layout_weight="30"
android:background="@android:color/transparent"
android:gravity="center|right">
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:background="@drawable/rect_task_edit_delete"
android:gravity="center|right">
<ImageView
android:id="@+id/img_edit"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginRight="@dimen/margin_20dp"
android:src="@drawable/edit" />
<ImageView
android:id="@+id/img_delete"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginRight="@dimen/margin_10dp"
android:src="@drawable/delete" />
</LinearLayout>
</LinearLayout>
在第二个布局中使用
weightSum
属性
<LinearLayout
android:id="@+id/ll_right"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_marginBottom="1.5dp"
android:weighSum = "1"
android:layout_marginRight="1.5dp"
android:layout_marginTop="1.5dp"
android:layout_weight="30"
android:background="@drawable/rect_task_edit_delete"
android:gravity="center|right">
<ImageView
android:id="@+id/img_edit"
android:layout_width="0dp"
android:layout_weight="0.5"
android:layout_height="wrap_content"
android:layout_marginRight="@dimen/margin_20dp"
android:src="@drawable/edit" />
<ImageView
android:id="@+id/img_delete"
android:layout_weight="0.5"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginRight="@dimen/margin_10dp"
android:src="@drawable/delete" />
</LinearLayout>
只需添加两个
ImageView
weight属性,如下所示。因此,它与ImageView
的宽度相等
<ImageView
android:id="@+id/img_edit"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginRight="@dimen/margin_20dp"
android:src="@drawable/edit"
android:layout_weight="1" />
<ImageView
android:id="@+id/img_delete"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginRight="@dimen/margin_10dp"
android:src="@drawable/delete"
android:layout_weight="1" />
</LinearLayout>
我在我的一个项目中用图像和变量更新了您的代码。我建议您将权重和为100的LinearLayout更改为相对布局,并将要固定大小的项目置于右侧对齐。下面是一个有效的例子。您可以修复相对根高度。希望能有所帮助
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">
<RelativeLayout
android:id="@+id/rel_items"
android:layout_width="match_parent"
android:layout_height="80dp"
android:layout_margin="5dp"
android:background="@android:color/white">
<RelativeLayout
android:id="@+id/ll_main"
android:layout_width="match_parent"
android:layout_height="wrap_content">
<LinearLayout
android:id="@+id/ll_right"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_marginBottom="1.5dp"
android:layout_marginRight="1.5dp"
android:layout_alignParentRight="true"
android:padding="10dp"
android:layout_marginTop="1.5dp"
android:background="@drawable/button_connexion"
android:gravity="center|right">
<ImageView
android:id="@+id/img_edit"
android:layout_width="20dp"
android:layout_height="20dp"
android:layout_marginRight="20dp"
android:src="@drawable/statut_presence_jaune" />
<ImageView
android:id="@+id/img_delete"
android:layout_width="20dp"
android:layout_height="20dp"
android:src="@drawable/statut_presence_vert" />
</LinearLayout>
<LinearLayout
android:id="@+id/ll_left"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
>
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
<CheckBox
android:id="@+id/ckh"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerVertical="true"
android:layout_marginLeft="5dp" />
<TextView
android:id="@+id/task_title"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="2dp"
android:layout_marginRight="5dp"
android:layout_marginTop="20dp"
android:layout_toRightOf="@+id/ckh"
android:singleLine="false"
android:text="Title"
android:textColor="@android:color/black"
android:textSize="11sp" />
<TextView
android:id="@+id/task_assign"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="@+id/task_title"
android:layout_below="@+id/task_title"
android:layout_marginTop="2dp"
android:layout_toRightOf="@+id/ckh"
android:background="@android:color/holo_blue_bright"
android:padding="2dp"
android:text="Title"
android:textColor="@android:color/white"
android:textSize="8sp" />
<TextView
android:id="@+id/task_date"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="@+id/task_assign"
android:layout_below="@+id/task_assign"
android:paddingBottom="5dp"
android:text="Title"
android:layout_marginTop="2dp"
android:textColor="@android:color/darker_gray"
android:textSize="10sp" />
</RelativeLayout>
</LinearLayout>
</RelativeLayout>
</RelativeLayout>
使用id更改视图的权重
android:id="@+id/ll_left"
android:id="@+id/ll_right"
对1。并删除id为的视图
android:id="@+id/ll_left"
android:id="@+id/ll_right"
并将其替换为以下代码行:
<LinearLayout
android:id="@+id/ll_img_edit"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_margin="2dp"
android:background="@drawable/rect_task_edit_delete"
android:gravity="center">
<ImageView
android:id="@+id/img_edit"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/edit" />
</LinearLayout>
<LinearLayout
android:id="@+id/ll_img_delete"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_margin="2dp"
android:background="@drawable/rect_task_edit_delete"
android:gravity="center">
<ImageView
android:id="@+id/img_delete"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/delete" />
</LinearLayout>
在这种情况下,您可以根据需要更改边距值。在右侧子项中使用权重和您已将背景色设置为右侧主布局,因此这将在不同的设备中发生,所以,最好是清晰的背景颜色的主要权利布局,然后添加一个子布局在它与包装内容的宽度,并给予背景it@Vickyexpert:你能发布你的答案让我有更好的想法吗?@HarshalKalavadiya在我的anserIn下面检查你的两个
ImageView
只需添加此属性android:layout\u weight=“1”
将两幅图像等宽分割。