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

• 4.shape_tag_style.xml文件内容（此案例可用）

• 三、实现

• 四.源码

• 总结

---

前言

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

昨天答应粉丝写一个样式选择的界面，所以出此系列第六篇文章，这篇文章相对比较简单

以下是本篇文章正文内容

一、先看看实现的效果

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

二、实现前准备

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

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

---

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

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

---

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

---

#ffeeeeee

4.shape_tag_style.xml文件内容（此案例可用）

---

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

<shape android:shape=“rectangle”

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

三、实现

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

以单个为例

<LinearLayout

android:layout_width=“0.0dip”

android:layout_height=“wrap_content”

android:layout_weight=“1.0”

android:orientation=“vertical”>

<FrameLayout

android:id=“@id/fl_tag_style_left”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_gravity=“center”

android:background=“@drawable/shape_tag_style”>

<ImageView

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_gravity=“center”

android:paddingBottom=“2.0dip”

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

<ImageView

android:id=“@id/tv_select_left”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_gravity=“bottom|center|right”

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

<TextView

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_gravity=“center_horizontal”

android:layout_marginTop=“10.0dip”

android:text=“瀑布流”

android:textColor=“#ff333333”

android:textSize=“16.0dip” />

<TextView

android:id=“@id/tv_tag_style_left_is_use”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_gravity=“center_horizontal”

android:layout_marginTop=“5.0dip”

android:text=“使用中”

android:textColor=“#FA37F9”

android:textSize=“12.0dip” />

效果图如下：

四.源码

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

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

android:layout_width=“fill_parent”

android:layout_height=“fill_parent”

android:background=“@color/jimeng_set_bg”

android:orientation=“vertical”>

<LinearLayout

android:layout_width=“fill_parent”

android:layout_height=“wrap_content”

android:layout_marginTop=“15.0dip”

android:orientation=“horizontal”>

<LinearLayout

android:layout_width=“0.0dip”

android:layout_height=“wrap_content”

android:layout_weight=“1.0”

android:orientation=“vertical”>

<FrameLayout

android:id=“@id/fl_tag_style_left”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_gravity=“center”

android:background=“@drawable/shape_tag_style”>

<ImageView

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_gravity=“center”

android:paddingBottom=“2.0dip”

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

<ImageView

android:id=“@id/tv_select_left”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_gravity=“bottom|center|right”

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

<TextView

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_gravity=“center_horizontal”

android:layout_marginTop=“10.0dip”

android:text=“瀑布流”

android:textColor=“#ff333333”

android:textSize=“16.0dip” />

<TextView

android:id=“@id/tv_tag_style_left_is_use”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_gravity=“center_horizontal”

结尾

最后小编想说：不论以后选择什么方向发展，目前重要的是把Android方面的技术学好，毕竟其实对于程序员来说，要学习的知识内容、技术有太多太多，要想不被环境淘汰就只有不断提升自己，从来都是我们去适应环境，而不是环境来适应我们！

当程序员容易，当一个优秀的程序员是需要不断学习的，从初级程序员到高级程序员，从初级架构师到资深架构师，或者走向管理，从技术经理到技术总监，每个阶段都需要掌握不同的能力。早早确定自己的职业方向，才能在工作和能力提升中甩开同龄人。

想要拿高薪实现技术提升薪水得到质的飞跃。最快捷的方式，就是有人可以带着你一起分析，这样学习起来最为高效，所以为了大家能够顺利进阶中高级、架构师，我特地为大家准备了一套高手学习的源码和框架视频等精品Android架构师教程，保证你学了以后保证薪资上升一个台阶。

当你有了学习线路，学习哪些内容，也知道以后的路怎么走了，理论看多了总要实践的。

高级UI，自定义View

UI这块知识是现今使用者最多的。当年火爆一时的Android入门培训，学会这小块知识就能随便找到不错的工作了。

不过很显然现在远远不够了，拒绝无休止的CV,亲自去项目实战，读源码，研究原理吧！

《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门，即可获取！
架构师教程，保证你学了以后保证薪资上升一个台阶。

当你有了学习线路，学习哪些内容，也知道以后的路怎么走了，理论看多了总要实践的。

[外链图片转存中…(img-ikI6eWyz-1714646871805)]

高级UI，自定义View

UI这块知识是现今使用者最多的。当年火爆一时的Android入门培训，学会这小块知识就能随便找到不错的工作了。

不过很显然现在远远不够了，拒绝无休止的CV,亲自去项目实战，读源码，研究原理吧！

[外链图片转存中…(img-xAu52gXj-1714646871807)]

《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门，即可获取！