ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

Android 硬布局item的高级写法,搭建android开发环境

2021-12-22 11:58:48  阅读:158  来源: 互联网

标签:dimen layout content item wrap Android android dp


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" />

<View

android:layout_width=“match_parent”

android:layout_height=“1dp”

android:layout_marginStart="@dimen/dp_50"

android:background="@color/color_F6F6F6" />

<LinearLayout

android:id="@+id/ll2"

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" />

<View

android:layout_width=“match_parent”

android:layout_height=“1dp”

android:layout_marginStart="@dimen/dp_50"

android:background="@color/color_F6F6F6" />

<LinearLayout

android:id="@+id/ll3"

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简化

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

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

Te

《Android学习笔记总结+最新移动架构视频+大厂安卓面试真题+项目实战源码讲义》

【docs.qq.com/doc/DSkNLaERkbnFoS0ZF】 完整内容开源分享

xtView有一些共同属性,可以抽取做一个style。

再看简化后的代码

标签:dimen,layout,content,item,wrap,Android,android,dp
来源: https://blog.csdn.net/m0_64604893/article/details/122082269

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有