Android企业级实战-界面篇-3

一、先看看实现的效果（与发表前文章的基础上）

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

二、实现前准备

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

1.dimens.xml文件内容（与第一个案例为同文件）

---

不占字了，请于第一篇自取

2.ids.xml文件内容（此案例可用）

---

3.colors.xml文件内容（此案例可用）

---

无特殊颜色，于第一篇，第二篇自取

4.bg_set_item_selector1.xml

---

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

<selector

xmlns:android=“http://schemas.android.com/apk/res/android”>

5.user_profile_item_background.xml

---

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

<shape android:shape=“rectangle”

xmlns:android=“http://schemas.android.com/apk/res/android”>

三、实现

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

1.分割线（一个为例）

---

<View

android:layout_width=“fill_parent”

android:layout_height=“1.0px”

android:layout_marginLeft=“@dimen/jimeng_dp_20”

android:layout_marginTop=“@dimen/jimeng_dp_20”

android:layout_marginRight=“@dimen/jimeng_dp_20”

android:layout_marginBottom=“@dimen/jimeng_dp_8”

android:background=“@color/jimeng_gray05” />

效果图：

2.条形跳转框（一个为例）

---

<LinearLayout

android:id=“@id/user_game_layout”

android:layout_width=“fill_parent”

android:layout_height=“wrap_content”

android:layout_marginLeft=“16.0dip”

android:background=“@drawable/user_profile_item_background”

android:orientation=“vertical”>

<LinearLayout

android:layout_width=“fill_parent”

android:layout_height=“@dimen/jimeng_dp_45”

android:layout_marginRight=“16.0dip”

android:background=“@drawable/bg_set_item_selector1”

android:orientation=“horizontal”>

<ImageView

android:id=“@id/iv_game_icon_left”

android:layout_width=“20.0dip”

android:layout_height=“20.0dip”

android:layout_gravity=“center_vertical”

android:layout_marginLeft=“15.0dip”

android:src=“@drawable/account_icon_activity_stats” />

<TextView

android:id=“@id/tv_game_title”

android:layout_width=“wrap_content”

android:layout_height=“fill_parent”

android:layout_marginLeft=“15.0dip”

android:duplicateParentState=“true”

android:ellipsize=“end”

android:gravity=“center_vertical”

android:maxLength=“6”

android:maxLines=“1”

android:singleLine=“true”

android:text=“数据观星”

android:textColor=“@color/jimeng_text_primary_light”

android:textSize=“14.0dip”

android:textStyle=“bold” />

<TextView

android:id=“@id/tv_game_num”

android:layout_width=“0.0dip”

android:layout_height=“wrap_content”

android:layout_gravity=“center_vertical”

android:layout_marginRight=“5.0dip”

android:layout_weight=“1.0”

android:ellipsize=“end”

android:gravity=“right”

android:maxLength=“12”

android:maxLines=“1”

android:text=“”

android:textColor=“@color/jimeng_gray03”

android:textSize=“14.0dip” />

<RelativeLayout

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_gravity=“center_vertical”>

<ImageView

android:id=“@id/iv_game_icon”

android:layout_width=“25.0dip”

android:layout_height=“25.0dip”

android:layout_marginTop=“2.5dip”

android:layout_marginRight=“15.0dip”

android:visibility=“gone” />

<ImageView

android:id=“@id/iv_hint_style_default”

最后

针对Android程序员，我这边给大家整理了一些资料，包括不限于高级UI、性能优化、架构师课程、NDK、混合式开发（ReactNative+Weex）微信小程序、Flutter等全方面的Android进阶实践技术；希望能帮助到大家，也节省大家在网上搜索资料的时间来学习，也可以分享动态给身边好友一起学习！

往期Android高级架构资料、源码、笔记、视频。高级UI、性能优化、架构师课程、混合式开发（ReactNative+Weex）全方面的Android进阶实践技术，群内还有技术大牛一起讨论交流解决问题。

《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门，即可获取！
以分享动态给身边好友一起学习！**

往期Android高级架构资料、源码、笔记、视频。高级UI、性能优化、架构师课程、混合式开发（ReactNative+Weex）全方面的Android进阶实践技术，群内还有技术大牛一起讨论交流解决问题。

[外链图片转存中…(img-15YQn74c-1714646803827)]

[外链图片转存中…(img-KR205wzq-1714646803828)]
《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门，即可获取！