Android 硬布局item的高级写法

android:layout_width=“match_parent”

android:layout_height=“wrap_content”

android:foreground=“?android:attr/selectableItemBackground”

android:gravity=“center_vertical”

android:orientation=“horizontal”

android:padding=“@dimen/dp_20”>

<ImageView

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:contentDescription=“@string/app_name”

android:src=“@mipmap/ic_agreement” />

<TextView

android:layout_width=“0dp”

android:layout_height=“wrap_content”

android:layout_marginStart=“@dimen/dp_20”

android:layout_weight=“1”

android:includeFontPadding=“false”

android:text=“关于”

android:textColor=“@color/color_505258”

android:textSize=“@dimen/sp_14” />

<ImageView

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:contentDescription=“@string/app_name”

android:src=“@mipmap/ic_arrow_right” />

最外层LinearLayout的background：

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

可以看到嵌套虽然不深，但是已经拉的很长，不易阅读修改。

且 哪怕是一层的嵌套优化，也是优化，积少成多。

下部分

==============================================================

利用TextView的drawableStart和drawableEnd属性，来做简化，可以直接去掉左右两边的ImageView。

至于分割线，利用LinearLayout的divider和showDividers属性，写个shape，来做简化，去掉item之间做横线的View。

<LinearLayout

android:layout_width=“match_parent”

android:layout_height=“wrap_content”

android:layout_marginHorizontal=“@dimen/dp_15”

android:layout_marginVertical=“@dimen/dp_20”

android:background=“@drawable/shape_bg_white”

android:divider=“@drawable/shape_divider_my”

android:orientation=“vertical”

android:showDividers=“middle”>

<TextView

android:id=“@+id/tv_delete_user”

android:layout_width=“match_parent”

android:layout_height=“wrap_content”

android:drawablePadding=“@dimen/dp_16”

android:foreground=“?android:attr/selectableItemBackground”

android:gravity=“center_vertical”

android:includeFontPadding=“false”

android:padding=“@dimen/dp_20”

android:text=“删除个人信息”

android:textColor=“@color/color_505258”

android:textSize=“@dimen/sp_14”

app:drawableEndCompat=“@mipmap/ic_arrow_right”

app:drawableStartCompat=“@mipmap/ic_agreement” />

<TextView

android:id=“@+id/tv_logout_user”

android:layout_width=“match_parent”

android:layout_height=“wrap_content”

android:drawablePadding=“@dimen/dp_16”

android:foreground=“?android:attr/selectableItemBackground”

android:gravity=“center_vertical”

android:includeFontPadding=“false”

android:padding=“@dimen/dp_20”

android:text=“注销账户”

android:textColor=“@color/color_505258”

android:textSize=“@dimen/sp_14”

app:drawableEndCompat=“@mipmap/ic_arrow_right”

app:drawableStartCompat=“@mipmap/ic_agreement” />

<TextView

android:id=“@+id/tv_about”

android:layout_width=“match_parent”

android:layout_height=“wrap_content”

android:drawablePadding=“@dimen/dp_16”

android:foreground=“?android:attr/selectableItemBackground”

android:gravity=“center_vertical”

android:includeFontPadding=“false”

android:padding=“@dimen/dp_20”

android:text=“关于”

android:textColor=“@color/color_505258”

android:textSize=“@dimen/sp_14”

app:drawableEndCompat=“@mipmap/ic_arrow_right”

app:drawableStartCompat=“@mipmap/ic_agreement” />

shape：

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

<item

android:left=“@dimen/dp_50” >

可以看到，层级减少了，行数也减少了，看起来清爽多了。

style简化

==================================================================

尽管如此，我们还是有可以简化的空间。

TextView有一些共同属性，可以抽取做一个style。

再看简化后的代码

<LinearLayout

android:layout_width=“match_parent”

android:layout_height=“wrap_content”

android:layout_marginHorizontal=“@dimen/dp_15”

android:layout_marginVertical=“@dimen/dp_20”

android:background=“@drawable/shape_bg_white”

android:divider=“@drawable/shape_divider_my”

android:orientation=“vertical”

android:showDividers=“middle”>

<TextView

android:id=“@+id/tv_delete_user”

style=“@style/MyTextView”

android:text=“删除个人信息”

app:drawableStartCompat=“@mipmap/ic_agreement” />

<TextView

android:id=“@+id/tv_logout_user”

style=“@style/MyTextView”

android:text=“注销账户”

app:drawableStartCompat=“@mipmap/ic_agreement” />

<TextView

android:id=“@+id/tv_about”

style=“@style/MyTextView”

android:text=“关于”

app:drawableStartCompat=“@mipmap/ic_agreement” />

更加精简了，只有简化前的一半，共同属性封装，只需要关注业务参数。

核心属性

===============================================================

LinearLayout

• divider，分割线

• showDividers，分割线的显示方式

iew"

android:text=“关于”

app:drawableStartCompat=“@mipmap/ic_agreement” />

更加精简了，只有简化前的一半，共同属性封装，只需要关注业务参数。

核心属性

===============================================================

LinearLayout

• divider，分割线

• showDividers，分割线的显示方式

[外链图片转存中…(img-IwGFpbzm-1719210668412)]

[外链图片转存中…(img-hI74dfkf-1719210668412)]