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

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

---

#ffb2b2b2

#ff14c4bc

@color/jimeng_text_tertiary_light

@color/jimeng_green_light

@color/jimeng_background_secondary_light

@color/jimeng_background_secondary_light

#7f4eb7ba

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

---

实名认证

根据相关规定，你需要通过实名认证才能开启直播间

请输入真实姓名

请输入手机号码

请输入身份证号码

开始人脸认证

同意《计蒙平台直播实名认证协议》

你已通过实名认证

5.back_nav_selector.xml

---

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

<selector

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

6.shape_detection_input_bg.xml

---

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

<shape android:shape=“rectangle”

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

三、实现

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

1.顶部栏

---

<RelativeLayout

android:id=“@id/title_bar”

android:layout_width=“fill_parent”

android:layout_height=“wrap_content”>

<ImageView

android:id=“@id/back_icon”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:padding=“16.0dip”

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

<TextView

android:id=“@id/title”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_centerInParent=“true”

android:text=“@string/detection_auth”

android:textColor=“@color/jimeng_black”

android:textSize=“18.0dip” />

效果图如下：

2.头像与名称

---

<ImageView

android:id=“@id/blog_avtar”

android:layout_width=“80.0dip”

android:layout_height=“80.0dip”

android:src=“@drawable/venda_default_icon_jimeng”

android:layout_gravity=“center_horizontal”

android:layout_marginTop=“24.0dip”

android:scaleType=“centerCrop” />

<TextView

android:id=“@id/nickname”

android:layout_width=“fill_parent”

android:layout_height=“wrap_content”

android:layout_gravity=“center_horizontal”

android:layout_marginLeft=“24.0dip”

android:layout_marginTop=“10.0dip”

android:layout_marginRight=“24.0dip”

android:gravity=“center_horizontal”

android:text=“计蒙不吃鱼”

android:textColor=“@color/jimeng_black”

android:textSize=“18.0sp” />

效果图如下：

3.信息输入栏（一个为例）

---

<EditText

android:id=“@id/edit_id”

android:layout_width=“fill_parent”

android:layout_height=“65.0dip”

android:layout_marginLeft=“24.0dip”

android:layout_marginTop=“12.0dip”

android:layout_marginRight=“24.0dip”

android:background=“@drawable/shape_detection_input_bg”

android:gravity=“center_vertical”

android:hint=“@string/detection_auth_id_hint”

android:paddingLeft=“24.0dip”

android:paddingRight=“24.0dip”

android:singleLine=“true”

android:textColor=“@color/jimeng_black”

android:textColorHint=“@color/jimeng_gray03”

android:textSize=“18.0sp” />

效果图如下：

4.CheckBox+TextView

---

<LinearLayout

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_marginLeft=“24.0dip”

android:layout_marginTop=“24.0dip”

android:layout_marginRight=“24.0dip”

android:gravity=“center_vertical”

android:orientation=“horizontal”>

<CheckBox

android:id=“@id/agreement_check”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:checked=“false”

android:paddingRight=“4.0dip” />

<TextView

android:id=“@id/agreement”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_gravity=“center_vertical”

android:text=“@string/detection_agreement”

android:textColor=“@color/jimeng_gray02”

android:textSize=“12.0sp” />

效果图如下：

四.源码

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

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

android:layout_width=“fill_parent”

android:layout_height=“fill_parent”

android:background=“@color/jimeng_white”>

<RelativeLayout

android:id=“@id/title_bar”

android:layout_width=“fill_parent”

android:layout_height=“wrap_content”>

<ImageView

android:id=“@id/back_icon”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:padding=“16.0dip”

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

<TextView

android:
id=“@id/title”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_centerInParent=“true”

android:text=“@string/detection_auth”

android:textColor=“@color/jimeng_black”

android:textSize=“18.0dip” />

<ScrollView

android:layout_width=“fill_parent”

android:layout_height=“fill_parent”

android:layout_below=“@id/title_bar”

android:overScrollMode=“never”

android:scrollbars=“none”>

<RelativeLayout

android:layout_width=“fill_parent”

android:layout_height=“fill_parent”>

<LinearLayout

android:id=“@id/apply_info_layout”

android:layout_width=“fill_parent”

android:layout_height=“fill_parent”

android:orientation=“vertical”

android:visibility=“visible”>

<ImageView

android:id=“@id/blog_avtar”

android:layout_width=“80.0dip”

android:layout_height=“80.0dip”

android:src=“@drawable/venda_default_icon_jimeng”

android:layout_gravity=“center_horizontal”

android:layout_marginTop=“24.0dip”

android:scaleType=“centerCrop” />

<TextView

android:id=“@id/nickname”

android:layout_width=“fill_parent”

android:layout_height=“wrap_content”

android:layout_gravity=“center_horizontal”

android:layout_marginLeft=“24.0dip”

android:layout_marginTop=“10.0dip”

android:layout_marginRight=“24.0dip”

android:gravity=“center_horizontal”

android:text=“计蒙不吃鱼”

android:textColor=“@color/jimeng_black”

android:textSize=“18.0sp” />

<TextView

android:id=“@id/tip”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_gravity=“center_horizontal”

android:layout_marginTop=“24.0dip”

android:text=“@string/detection_auth_tip”

android:textColor=“@color/jimeng_gray02”

android:textSize=“13.0sp” />

<EditText

android:id=“@id/edit_name”

android:layout_width=“fill_parent”

android:layout_height=“65.0dip”

android:layout_marginLeft=“24.0dip”

android:layout_marginTop=“24.0dip”

android:layout_marginRight=“24.0dip”

android:background=“@drawable/shape_detection_input_bg”

android:gravity=“center_vertical”

android:hint=“@string/detection_auth_name_hint”

android:paddingLeft=“24.0dip”

android:paddingRight=“24.0dip”

android:singleLine=“true”

android:textColor=“@color/jimeng_black”

android:textColorHint=“@color/jimeng_gray03”

android:textSize=“18.0sp” />

<EditText

android:id=“@id/edit_id”

android:layout_width=“fill_parent”

android:layout_height=“65.0dip”

android:layout_marginLeft=“24.0dip”

android:layout_marginTop=“12.0dip”

android:layout_marginRight=“24.0dip”

android:background=“@drawable/shape_detection_input_bg”

android:gravity=“center_vertical”

android:hint=“@string/detection_auth_id_hint”

android:paddingLeft=“24.0dip”

android:paddingRight=“24.0dip”

android:singleLine=“true”

android:textColor=“@color/jimeng_black”

android:textColorHint=“@color/jimeng_gray03”

android:textSize=“18.0sp” />

<EditText

android:id=“@id/edit_phone”

android:layout_width=“fill_parent”

android:layout_height=“65.0dip”

android:layout_marginLeft=“24.0dip”

android:layout_marginTop=“12.0dip”

android:layout_marginRight=“24.0dip”

android:background=“@drawable/shape_detection_input_bg”

android:gravity=“center_vertical”

android:hint=“@string/detection_auth_phone_hint”

android:paddingLeft=“24.0dip”

android:paddingRight=“24.0dip”

android:singleLine=“true”

android:textColor=“@color/jimeng_black”

android:textColorHint=“@color/jimeng_gray03”

android:textSize=“18.0sp” />

<TextView

android:id=“@id/next”

android:layout_width=“fill_parent”

android:layout_height=“50.0dip”

android:layout_marginLeft=“24.0dip”

android:layout_marginTop=“24.0dip”

android:layout_marginRight=“24.0dip”

最后

小编这些年深知大多数初中级Android工程师，想要提升自己，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。

因此我收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。

[外链图片转存中…(img-kbQ2OUFJ-1718985993092)]

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人

都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

资料⬅专栏获取
"

android:textColor=“@color/jimeng_black”

android:textColorHint=“@color/jimeng_gray03”

android:textSize=“18.0sp” />

<TextView

android:id=“@id/next”

android:layout_width=“fill_parent”

android:layout_height=“50.0dip”

android:layout_marginLeft=“24.0dip”

android:layout_marginTop=“24.0dip”

android:layout_marginRight=“24.0dip”

最后

小编这些年深知大多数初中级Android工程师，想要提升自己，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。

因此我收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。

[外链图片转存中…(img-kbQ2OUFJ-1718985993092)]

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人

都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

资料⬅专栏获取