正文 

当前位置： 首页 > IT > java教程

android企业级实战-界面篇-5(代码片段)

计蒙不吃鱼 计蒙不吃鱼     2022-12-16     529

关键词：

系列文章目录

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

计蒙创作不易，未入驻的其他平台搬运请按协议规则搬运。

文章目录

前言

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

以下是本篇文章正文内容

一、先看看实现的效果



二、实现前准备

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

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

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

    <item type="id" name="title_bar"/>
    <item type="id" name="back_icon"/>
    <item type="id" name="apply_info_layout"/>
    <item type="id" name="blog_avtar"/>
    <item type="id" name="tip"/>
    <item type="id" name="nickname"/>
    <item type="id" name="edit_name"/>
    <item type="id" name="edit_id"/>
    <item type="id" name="edit_phone"/>
    <item type="id" name="next"/>
    <item type="id" name="agreement_check"/>
    <item type="id" name="apply_result_layout"/>
    <item type="id" name="auth_tip"/>
    <item type="id" name="confirm"/>
    <item type="id" name="agreement"/>

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

    <color name="jimeng_text_tertiary_light">#ffb2b2b2</color>
    <color name="jimeng_green_light">#ff14c4bc</color>
    <color name="jimeng_gray02">@color/jimeng_text_tertiary_light</color>
    <color name="jimeng_brand_highlight_color">@color/jimeng_green_light</color>
    <color name="jimeng_gray07">@color/jimeng_background_secondary_light</color>
    <color name="jimeng_gray06">@color/jimeng_background_secondary_light</color>
    <color name="jimeng_brand_highlight_color_7f">#7f4eb7ba</color>

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

    <string name="detection_auth">实名认证</string>
    <string name="detection_auth_tip">根据相关规定，你需要通过实名认证才能开启直播间</string>
    <string name="detection_auth_name_hint">请输入真实姓名</string>
    <string name="detection_auth_phone_hint">请输入手机号码</string>
    <string name="detection_auth_id_hint">请输入身份证号码</string>
    <string name="detection_auth_start_facedetection">开始人脸认证</string>
    <string name="detection_agreement">同意《计蒙平台直播实名认证协议》</string>
    <string name="auth_tip_success">你已通过实名认证</string>

5.back_nav_selector.xml

<?xml version="1.0" encoding="utf-8"?>
<selector
  xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/navbar_icon_back_light" />
</selector>

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">
    <size android:height="65.0dip" android:width="100.0dip" />
    <solid android:color="@color/jimeng_gray07" />
    <corners android:radius="32.5dip" />
</shape>

三、实现

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

效果图如下：

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

效果图如下：

四.源码

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

    <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:background="@drawable/selector_apply_info_next_bg"
                    android:enabled="false"
                    android:gravity="center"
                    android:text="@string/detection_auth_start_facedetection"
                    android:textColor="@color/jimeng_gray03"
                    android:textSize="18.0sp" />

                <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" />
                </LinearLayout>
            </LinearLayout>
        </RelativeLayout>
    </ScrollView>
</RelativeLayout>

注意

在此界面可写一个隐藏的布局，当用户认证后再进入此界面时将此布局gone，然后显示已认证的提示布局。

总结

欢迎留言，有疑问可与计蒙进行私聊（看到消息就回），如希望计蒙更新某界面文章也可私聊，我们下篇文章见。

android企业级实战-界面篇-4(代码片段)

文章目录Android企业级实战-界面篇-4计蒙创作不易，未入驻的其他平台搬运请按协议规则搬运。文章目录文章目录前言一、先看看实现的效果二、实现前准备1.dimens.xml文件内容（与第一个案例为同文件）2.ids.xml文件内... 查看详情

nfs企业级实战应用详解-技术流ken(代码片段)

1.简介在上一篇博文中讲述了samba的实战应用，samba使得window和linux共享文件成为可能。NFS则实现了linux与linux之间的文件共享。2.系统环境　　系统版本：centos6.7　　服务器IP:10.220.5.166/24　　客户端IP:10.220.5.188/243.关闭安全服务[[ema... 查看详情

linux磁盘管理详解--企业实战篇(代码片段)

 写在前面：    无论是windows系统还是Linux系统中，所有的文件最终都是存储在硬盘上的，都是在用文件系统管理，要想彻底搞清楚文件系统的管理机制，对磁盘的了解是必不可少的。    一、磁盘的认识... 查看详情

linux磁盘管理详解--企业实战篇(代码片段)

 写在前面：    无论是windows系统还是Linux系统中，所有的文件最终都是存储在硬盘上的，都是在用文件系统管理，要想彻底搞清楚文件系统的管理机制，对磁盘的了解是必不可少的。    一、磁盘的认识... 查看详情

qt实战：云曦聊天室篇(代码片段)

Qt实战：云曦聊天室篇@TOC前言基于Qt的网络聊天室，可进行群聊，私聊，添加好友，创建群聊，添加群聊等功能一、云曦聊天室效果图1.登录界面：如图1所示，输入用户名和密码，点击登录，即可进入如图3所示的好友列表界面。... 查看详情

android实战——cocos游戏容器通信篇(代码片段)

一、概要续上一篇搭建篇《Android实战——Cocos游戏容器搭建篇》，本篇带来cocos和Android通信篇的实现和使用,围绕着多进程通信和cocos-android互调来实现二、通信模型如果不需要主进程的数据，可以直接1->4三、如何实现... 查看详情

android实战开发篇虚线(代码片段)

一、水平虚线的实现（1）在drawable下新建drawable资源shape_dotted_line.xml<?xmlversion="1.0"encoding="utf-8"?><shapexmlns:android="http://schemas.android.com/apk/re 查看详情

实战篇：oracle数据库标准版（se）转换为企业版（ee）(代码片段)

前言很多Oracle数据库在初始安装的时候选择了标准版，而相对企业版来说就少了：RAC、ASM、DataGuard、闪回功能、分区表等等一些很实用的功能：SELECT*FROMv$optionWHEREparameterIN('OracleDataGuard','ActiveDataGuard','Fla... 查看详情

android实战开发篇解析读取复杂wordexcelppt(代码片段)

一、jar包导入Android实战开发篇读取Word文档的doc与docx格式文本内容二、文档读取工具-转换格式htmlimportandroid.graphics.Bitmap;importandroid.graphics.BitmapFactory;importandroid.text.TextUtils;importandroid.util.Log;importandroid.util.Xm 查看详情

android实战开发篇跳转自启动管理(代码片段)

importandroid.content.ComponentName;importandroid.content.Context;importandroid.content.Intent;importandroid.net.Uri;importandroid.os.Build;importandroid.provider.Settings;importandroid.util.Log;publi 查看详情

android自定义view系列实战篇-view(代码片段)

QRatingViewAcustomviewforratingwhicheasytomakeanduse,butfunctionisexcellent.github-QRatingViewEffectPictureProperties<declare-styleablename="QRatingView"><!--未选中图片--><attrna 查看详情

物联网服务nodejs-5天学习第三天实战篇①——10行代码给她造个熬夜提醒睡觉机器人(代码片段)

【NodeJs-5天学习】第三天实战篇①——给女朋友造个熬夜提醒睡觉机器人1.前言2.实现思路2.1企业微信配置2.1.1第一步，用她的微信账号注册企业2.1.2第二步，获取企业ID2.1.3第三步，创建应用2.1.4第四步，微信接收企... 查看详情

android实战开发篇android软键盘遮挡的解决方案(代码片段)

一、方法一（setContentView之前）在Activity中的onCreate方法中的setContentView之前加上下方的代码getWindow().setSoftInputMode(WindowManager.LayoutParams.SOFT_INPUT_ADJUST_PAN);二、方法二（AndroidManifest.xml文件 查看详情

android实战开发篇扫描文档目录txtword文件(代码片段)

//全局变量privateList<String>data=newArrayList<>();//任意点击事件中编写下列代码，或者onCreate内等等...//获取外部存储状态if(Environment.getExternalStorageState().equals(Environment.MEDIA_MOUNTED)) //第一步ÿ 查看详情

实战篇：oracle数据库标准版（se）转换为企业版（ee）(代码片段)

前言很多Oracle数据库在初始安装的时候选择了标准版，而相对企业版来说就少了：RAC、ASM、DataGuard、闪回功能、分区表等等一些很实用的功能：SELECT*FROMv$optionWHEREparameterIN('OracleDataGuard','ActiveDataGuard','Fla... 查看详情

设计模式实战状态模式：原理篇(代码片段)

前言小明开发的应用，账号有登录和未登录状态，现在要求点击个人中心头像时，如果是登录状态时，跳转到个人资料界面，如果是未登录状态时，跳转到登录界面。小明是这样写的：publicclassAccountMana... 查看详情

设计模式实战状态模式：原理篇(代码片段)

前言小明开发的应用，账号有登录和未登录状态，现在要求点击个人中心头像时，如果是登录状态时，跳转到个人资料界面，如果是未登录状态时，跳转到登录界面。小明是这样写的：publicclassAccountMana... 查看详情

android实战——cocos游戏容器多进程通信(代码片段)

一、概要续上一篇搭建篇《Android实战——Cocos游戏容器搭建篇》，本篇带来cocos和Android通信篇的实现和使用,围绕着多进程通信和cocos-android互调来实现二、通信模型如果不需要主进程的数据，可以直接1->4三、如何实现... 查看详情