繁体   English   中英

对齐reyclerview android元素

[英]align reyclerview elements android

我有一个带有TextView和一个EditText的recyclerview,它用左侧的TextView和右侧的EditText构建行。 当前视图如下:

Aaa:  value1
Abbsbc:  value2
Cskhkdhd: value3
HJhk:  value4

我希望视图看起来像这样:

            Aaa:  value1
     Abbsbc:  value2
 Cskhkdhd:  value3
         HJhk:  value4

布局如下:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
android:id="@+id/brand_row"
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@drawable/brand_selector">

<View
    android:id="@+id/divider"
    android:layout_width="match_parent"
    android:layout_height="1dp"
    android:background="@color/divider"/>

<TextView
    android:id="@+id/object"
    android:layout_width="wrap_content"
    android:layout_height="@dimen/edit_box_height"
    android:layout_below="@id/divider"
    android:gravity="center_vertical"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:singleLine="true"
    android:textAppearance="?android:attr/textAppearanceListItemSmall"
    android:textColor="@color/noData"/>

<EditText
    android:id="@+id/value"
    android:layout_width="wrap_content"
    android:layout_height="@dimen/edit_box_height"
    android:layout_below="@id/divider"
    android:layout_toRightOf="@id/object"
    android:background="@android:color/transparent"
    android:hint="Enter value"
    android:singleLine="true"
    android:textAppearance="?android:attr/textAppearanceListItemSmall"
    android:textColor="@android:color/black"
    android:textColorHint="@color/divider"/>
</RelativeLayout>

在Textview中添加以下行:

android:textAlignment="viewEnd" 
android:gravity="center_vertical|end"

我还认为,如果textview文本的长度在行中变化,这仍将导致对齐不均,因此,如果将Linear Layout用作父布局,效果会更好。 我已经相应地重做了xml:

<?xml version="1.0" encoding="utf-8"?>

    <LinearLayout
        android:id="@+id/brand_row"
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/brand_selector">

        <TextView
            android:id="@+id/object"
            android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="@dimen/edit_box_height"
            android:textAlignment="viewEnd"
            android:gravity="center_vertical|end"
            android:paddingLeft="@dimen/activity_horizontal_margin"
            android:paddingRight="@dimen/activity_horizontal_margin"
            android:singleLine="true"
            android:textAppearance="?android:attr/textAppearanceListItemSmall"
            android:textColor="@color/noData"/>

        <EditText
            android:id="@+id/value"
            android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="@dimen/edit_box_height"
            android:layout_below="@id/divider"
            android:layout_toRightOf="@id/object"
            android:background="@android:color/transparent"
            android:hint="Enter value"
            android:singleLine="true"
            android:textAppearance="?android:attr/textAppearanceListItemSmall"
            android:textColor="@android:color/black"
            android:textColorHint="@color/divider"/>
    </LinearLayout>

尝试权重的LinearLayout:

<RelativeLayout
    android:id="@+id/brand_row"
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@drawable/brand_selector">

    <View
        android:id="@+id/divider"
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:background="@color/divider"/>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/divider"
        android:orientation="horizontal">
        <TextView
            android:id="@+id/object"
            android:layout_width="0dp"
            android:layout_height="@dimen/edit_box_height"
            android:layout_weight="0.5"
            android:paddingLeft="@dimen/activity_horizontal_margin"
            android:paddingRight="@dimen/activity_horizontal_margin"
            android:singleLine="true"
            android:textAppearance="?android:attr/textAppearanceListItemSmall"
            android:textColor="@color/noData"
            android:gravity="end"/>

        <EditText
            android:id="@+id/value"
            android:layout_width="0dp"
            android:layout_height="@dimen/edit_box_height"
            android:layout_weight="0.5"
            android:background="@android:color/transparent"
            android:hint="Enter value"
            android:singleLine="true"
            android:textAppearance="?android:attr/textAppearanceListItemSmall"
            android:textColor="@android:color/black"
            android:textColorHint="@color/divider"
            android:paddingStart="10dp"/>
    </LinearLayout>


</RelativeLayout>

编辑:我添加了一个重力END以在textView的右侧对齐,并在EditText的Startpadding上在标签和值之间留出了空间

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM