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

news2024/11/27 4:26:08

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行业感兴趣的新人

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

资料⬅专栏获取

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1848815.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

Android系统揭秘(一)-Activity启动流程(上)

public ActivityResult execStartActivity( Context who, IBinder contextThread, IBinder token, Activity target, Intent intent, int requestCode, Bundle options) { IApplicationThread whoThread (IApplicationThread) contextThread; … try { … int result …

React实现列表列宽可拖拽

1.中文文档上没有&#xff0c;英文文档上有&#xff08;这个老六&#xff01;&#xff01;&#xff09; <Tableborderedcomponents{{header: {cell: ResizableTitle,},}}columns{mergedColumns}dataSource{data} />React - Resizable column

20240622 每日AI必读资讯

&#x1f916;力压GPT-4o&#xff01;新王Claude 3.5 Sonnet来了&#xff0c;直接免费可用 - 新模型在推理、知识和编码能力评估方面超越了以前的版本和竞争对手GPT 4o模型&#xff0c;同时其运行速度是Claude 3 Opus的两倍。 - 该模型可在http://Claude.ai和Claude iOS应用上…

鸿蒙 登录界面示例

1.b站登录界面 我的b站教学视频&#xff1a;https://www.bilibili.com/video/BV1LQgQexEGm/https://www.bilibili.com/video/BV1LQgQexEGm/ 最终实现效果&#xff1a; 需要准备2张图片&#xff0c;分别是向下和向右边的图标 代码&#xff1a; Entry Component struct Index…

CentOS7 部署安装ClickHouse

一、什么是ClickHouse ClickHouse 是俄罗斯的Yandex于2016年开源的列式存储数据库&#xff08;DBMS&#xff09;&#xff0c;使用C语言编写&#xff0c;主要用于在线分析处理查询&#xff08;OLAP&#xff09;&#xff0c;能够使用SQL查询实时生成分析数据报告。 OLAP场景需要…

Python面向对象编程:类和对象的奥秘

更多Python学习内容&#xff1a;ipengtao.com 在Python的世界中&#xff0c;面向对象编程&#xff08;OOP&#xff09;是构建强大应用程序的基石。本文将带你从零开始&#xff0c;一步步探索类和对象的奥秘&#xff0c;让你的代码更加模块化和可重用。面向对象编程是一种编程范…

嵌入式开发二十一:定时器之通用定时器

通用定时器是在基本定时器的基础上扩展而来&#xff0c;增加了输入捕获与输出比较等功能。高级定时器又是在通用定时器基础上扩展而来&#xff0c;增加了可编程死区互补输出、重复计数器、带刹车(断路)功能&#xff0c;这些功能主要针对工业电机控制方面。 本篇博客我们主要来学…

Opencv学习项目5——pyzbar,numpy

上一次我们使用pyzbar进行解码二维码并将其内容显示在图像上&#xff0c;使用的是rect barcode.rect来获取图像的坐标&#xff0c;这次我们使用另一种方法来获取坐标进行画框。 Numpy介绍 NumPy 是一个用于科学计算的开源 Python 库&#xff0c;提供了对大量数值数据进行高效操…

【泛微系统】解决启动非标功能时提示客户ID不一致的问题

解决启动非标时提示CID不一致的问题 泛微OA系统是一个非常丰富的系统,我们在日常工作中会经常遇到很多业务需求,我们会用到很多功能来承载这些需求的实现;OA系统里有标准功能,也有非标准的功能;对于非标准的功能需要打非标补丁包; 有些同学在个人学习系统的过程中会安装本…

STM32项目分享:家庭环境监测系统

目录 一、前言 二、项目简介 1.功能详解 2.主要器件 三、原理图设计 四、PCB硬件设计 1.PCB图 2.PCB板打样焊接图 五、程序设计 六、实验效果 七、资料内容 项目分享 一、前言 项目成品图片&#xff1a; 哔哩哔哩视频链接&#xff1a; https://www.bilibili.…

【性能优化】表分桶实践最佳案例

分桶背景 随着企业的数据不断增长&#xff0c;数据的分布和访问模式变得越来越复杂。我们前面介绍了如何通过对表进行分区来提高查询效率&#xff0c;但对于某些特定的查询模式&#xff0c;特别是需要频繁地进行数据联接查或取样的场景&#xff0c;仍然可能面临性能瓶颈。此外…

VisualBox 虚拟机 Ubunut 18.04 在大显示器上黑屏的问题

在小屏幕上显示没有问题&#xff0c;但是移动到大显示器上就黑屏了&#xff0c;并且不能铺满&#xff0c;如下所示 如果我希望它铺满整个屏幕&#xff0c;如何解决呢&#xff1f; 下面是解决方法&#xff1a; 虚拟机底部这个按钮&#xff0c;右键 产生菜单&#xff0c;按这个选…

基于STM8系列单片机驱动74HC595驱动两个3位一体的数码管

1&#xff09;单片机/ARM硬件设计小知识&#xff0c;分享给将要学习或者正在学习单片机/ARM开发的同学。 2&#xff09;内容属于原创&#xff0c;若转载&#xff0c;请说明出处。 3&#xff09;提供相关问题有偿答疑和支持。 为了节省单片机MCU的IO口资源驱动6个数码管&…

mongodb嵌套聚合

db.order.aggregate([{$match: {// 下单时间"createTime": {$gte: ISODate("2024-05-01T00:00:00Z"),$lte: ISODate("2024-05-31T23:59:59Z")}// 商品名称,"goods.productName": /美国皓齿/,//订单状态 2:待发货 3:已发货 4:交易成功…

强化学习中的自我博弈(self-play)

自我博弈&#xff08;Self-Play&#xff09;[1]是应用于智能体于智能体之间处于对抗关系的训练方法&#xff0c;这里的对抗关系指的是一方的奖励上升必然导致另一方的奖励下降。通过轮流训练双方的智能体就能使得双方的策略模型的性能得到显著提升&#xff0c;使得整个对抗系统…

13.1.k8s集群的七层代理-ingress资源(进阶知识)

目录 一、ingress概述 1.前言 2.问题 3.ingress资源 二、ingress-nginx是什么 三、ingress-nginx 实现原理 四、部署ingress-nginx 1.获取部署文件 ingress-nginx.yaml 2.部署ingress-nginx 3.检查部署是否成功 五、编写使用Ingress样例代码 1.Ingress资源对象yaml文…

【滚动哈希 二分查找】1044. 最长重复子串

本文涉及知识点 滚动哈希 二分查找算法合集 LeetCode 1044. 最长重复子串 给你一个字符串 s &#xff0c;考虑其所有 重复子串 &#xff1a;即 s 的&#xff08;连续&#xff09;子串&#xff0c;在 s 中出现 2 次或更多次。这些出现之间可能存在重叠。 返回 任意一个 可能具…

深入理解前端缓存

前端缓存是所有前端程序员在成长历程中必须要面临的问题&#xff0c;它会让我们的项目得到非常大的优化提升&#xff0c;同样也会带来一些其它方面的困扰。大部分前端程序员也了解一些缓存相关的知识&#xff0c;比如&#xff1a;强缓存、协商缓存、cookie等&#xff0c;但是我…

攻防世界-5-1

下载文件发现是一个没有尾缀的文件&#xff0c;扔winhex&#xff0c;emmmm还是没看出来 搜了一圈&#xff0c;发现用xortool 得到key之后&#xff0c;跑一下脚本 得到flag&#xff1a; wdflag{You Are Very Smart}

基于uni-app和图鸟UI的智慧农业综合管控平台小程序技术实践

摘要&#xff1a; 随着信息化技术的飞速发展&#xff0c;智慧农业已成为推动农业现代化、提升农业生产效率的重要手段。本文介绍了一款基于uni-app框架和图鸟UI设计的智慧农业综合管控平台小程序&#xff0c;该平台整合了传感器控制、农业数据监测、设施管控、农业新闻传播以及…