高分辨率设备android中的布局问题

高分辨率设备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">

我想制作下面的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">

    <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”
将两幅图像等宽分割。