Android企业级实战-界面篇-5，2024最新Android笔经

• 三、实现

• • 1.顶部栏

• 2.头像与名称

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

• 4.CheckBox+TextView

• 四.源码

• 注意

• 总结

---

前言

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

有粉丝刚进公司实习，想要个Android直播认证界面的布局，所以出此系列第五篇文章

---

以下是本篇文章正文内容

一、先看看实现的效果

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

二、实现前准备

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

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

---

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

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

---

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”

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级安卓工程师，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

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

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频
如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注Android）

总结

可以看出，笔者的工作学习模式便是由以下 「六个要点」 组成：

❝ 多层次的工作/学习计划 + 番茄工作法 + 定额工作法 + 批处理 + 多任务并行 + 图层工作法❞

希望大家能将这些要点融入自己的工作学习当中，我相信一定会工作与学习地更富有成效。

下面是我学习用到的一些书籍学习导图，以及系统的学习资料。每一个知识点，都有对应的导图，学习的资料，视频，面试题目。

**如：我需要学习 **Flutter的知识。（大家可以参考我的学习方法）

点击这里了解更多即可领取！

• Flutter 的思维导图（无论学习什么，有学习路线都会事半功倍）

• Flutter进阶学习全套手册

• Flutter进阶学习全套视频

番茄工作法 + 定额工作法 + 批处理 + 多任务并行 + 图层工作法❞

希望大家能将这些要点融入自己的工作学习当中，我相信一定会工作与学习地更富有成效。

下面是我学习用到的一些书籍学习导图，以及系统的学习资料。每一个知识点，都有对应的导图，学习的资料，视频，面试题目。

**如：我需要学习 **Flutter的知识。（大家可以参考我的学习方法）

点击这里了解更多即可领取！

• Flutter 的思维导图（无论学习什么，有学习路线都会事半功倍）

[外链图片转存中…(img-wxkzzOyV-1710817953017)]

• Flutter进阶学习全套手册

[外链图片转存中…(img-fjIbxsev-1710817953017)]

• Flutter进阶学习全套视频

[外链图片转存中…(img-SWWXudbJ-1710817953017)]

大概就上面这几个步骤，这样学习不仅高效，而且能系统的学习新的知识。