Android修行手册-UI组件快速搭建App界面

简介: 众所周知,人生是一个漫长的流程,不断克服困难,不断反思前进的过程。在这个过程中会产生很多对于人生的质疑和思考,于是我决定将自己的思考,经验和故事全部分享出来,以此寻找共鸣!!!

👉关于作者

众所周知,人生是一个漫长的流程,不断克服困难,不断反思前进的过程。在这个过程中会产生很多对于人生的质疑和思考,于是我决定将自己的思考,经验和故事全部分享出来,以此寻找共鸣 !!!

专注于Android/Unity和各种游戏开发技巧,以及各种资源分享(网站、工具、素材、源码、游戏等)

有什么需要欢迎私我,交流群让学习不再孤单

👉即将学会

了解Android Studio布局编辑器。

👉背景

在开发阶段UI的代码虽然不需要多的技术含量,但却拥有不容忽视的工作量。要想快速的开发出布局界面,就得熟练的使用好布局编辑器。Android Studio不仅提供了很棒的布局编辑形式,还可以实时显示预览界面。

所以今天我们就要再仔细的学一遍Studio的编辑器,以便快速使用UI组件搭建APP界面。

👉实践过程

😜编辑器简介

网络异常,图片无法展示
|

啊,这该死的高级感!!!

不管打开多少次,一直都觉着界面很漂亮,在这种情况下写代码也是一种舒适啊。

  1. 基本上包含了所有的UI组件,可以直接拖拽到布局当中
  2. 当前布局的层次结构
  3. 可以更改布局/更改主题/更改预览设备等
  4. 当前界面的预览效果,可以直接在里面拖拽UI
  5. 布局编辑器是代码模式还是设计模式
  6. 当前所选UI控件的基础户属性

😜创建及转换布局

选中res下的layout文件夹,右键New-Layout Resource File创建新布局文件

网络异常,图片无法展示
|

然后在布局中增加图片和文本

网络异常,图片无法展示
|

创建布局的时候其实默认是ConstraintLayout根布局,我们要测试转换功能所以用LinearLayout为默认根布局(上图)。

切换为Design模式-右键Component Tree-选中Convert …… to ConstraintLayout,如下图:

网络异常,图片无法展示
|

转化后代码如下图:

网络异常,图片无法展示
|

和最开始的布局书写形式有了很大的变化。那么我们为什么要转一下呢?

  1. 我们只是测试,旧项目升级新项目的时候可以用到,默认创建是ConstraintLayout。
  2. 现在推荐ConstraintLayout,因为她基于约束条件的布局系统,拥有良好的适应性。
  3. 此转换方式不是百分百合适,转换的布局也会有乱的。

😜快速搜索

设计界面支持快速搜索属性:

网络异常,图片无法展示
|

😜快速设置字体样式

  1. 在Design界面,选中一个TextView
  2. 在Attributes中找到textAppearance-fontFamily
  3. 打开列表找到More选择合适字体右侧会提示下载模式或者打包模式,选中一个点击OK即可

网络异常,图片无法展示
|

😜可视化属性操作

现在的Android开发其实不需要写代码也可以搞定布局,不过程序员可能写代码更快一些。

网络异常,图片无法展示
|

选中不同的View后有不同的属性,不过主要是分为5大类

Declared Attributes:当前控件已经有了的属性,点击+号可以添加

Layout:视图宽高可见以及设置一些约束对齐

Transforms:可以设置旋转等变形效果,下图所示

Common Attributes:一些常见属性(可能是必要),如图片的src,TextView的txt和Size等

All Attributes:当前控件的所有可操作属性,必要非必要的都在这,有时候要是写代码忘记了还能在这回忆回忆。

网络异常,图片无法展示
|

😜拖拽布局

如动图GIF

网络异常,图片无法展示
|

所有的UI控件都支持拖动到布局中,Android前期最开始的时候就支持拖动,但也仅仅支持将控件拖拽到布局,再给UI控件精确定位的拖拽就不支持了,搞出来的乱糟糟还不如写代码。后来有了ConstraintLayout约束布局,该布局有除了很好的属性,支持拖拽外,还可以减少布局层级,而且多分辨率适配也表现良好。可真是集万千宠爱于一身啊。

ConstraintLayout

她是一个能够让你可视化操作的新内容(截止到现在其实也诞生很久了),位于Android Jetpack。可以达到不需要嵌套实现大型复杂布局,灵活性远高于RelativeLayout。

她拥有针对父级位置,对齐方式,屏障约束,关键帧动画等超棒的视觉和体验效果。

关于这个ConstraintLayout更多小空会专门的再开一片文章详细的讲解里面的各种骚操作。

👉其他

📢作者:小空和小芝中的小空

📢转载说明-务必注明来源:

https://zhima.blog.csdn.net/

https://www.zhihu.com/people/zhimalier

https://juejin.cn/user/4265760844943479

📢这位道友请留步☁️,我观你气度不凡,谈吐间隐隐有王者霸气💚,日后定有一番大作为📝!!!旁边有点赞👍收藏🌟今日传你,点了吧,未来你成功☀️,我分文不取,若不成功⚡️,也好回来找我。

目录
打赏
0
0
0
0
2
分享
相关文章
Android自定义view之模仿登录界面文本输入框(华为云APP)
本文介绍了一款自定义输入框的实现,包含静态效果、hint值浮动动画及功能扩展。通过组合多个控件完成界面布局,使用TranslateAnimation与AlphaAnimation实现hint文字上下浮动效果,支持密码加密解密显示、去除键盘回车空格输入、光标定位等功能。代码基于Android平台,提供完整源码与attrs配置,方便复用与定制。希望对开发者有所帮助。
【03】仿站技术之python技术,看完学会再也不用去购买收费工具了-修改整体页面做好安卓下载发给客户-并且开始提交网站公安备案-作为APP下载落地页文娱产品一定要备案-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-优雅草卓伊凡
【03】仿站技术之python技术,看完学会再也不用去购买收费工具了-修改整体页面做好安卓下载发给客户-并且开始提交网站公安备案-作为APP下载落地页文娱产品一定要备案-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-优雅草卓伊凡
163 13
【03】仿站技术之python技术,看完学会再也不用去购买收费工具了-修改整体页面做好安卓下载发给客户-并且开始提交网站公安备案-作为APP下载落地页文娱产品一定要备案-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-优雅草卓伊凡
Thanox安卓系统增加工具下载,管理、阻止、限制后台每个APP运行情况
Thanox是一款Android系统管理工具,专注于权限、后台启动及运行管理。支持应用冻结、系统优化、UI自定义和模块管理,基于Xposed框架开发,安全可靠且开源免费,兼容Android 6.0及以上版本。
60 4
移动端数据抓取:Android App的TLS流量解密方案
本文介绍了一种通过TLS流量解密技术抓取知乎App热榜数据的方法。利用Charles Proxy解密HTTPS流量,分析App与服务器通信内容;结合Python Requests库模拟请求,配置特定请求头以绕过反爬机制。同时使用代理IP隐藏真实IP地址,确保抓取稳定。最终成功提取热榜标题、内容简介、链接等信息,为分析热点话题和用户趋势提供数据支持。此方法也可应用于其他Android App的数据采集,但需注意选择可靠的代理服务。
137 11
移动端数据抓取:Android App的TLS流量解密方案
【01】仿站技术之python技术,看完学会再也不用去购买收费工具了-用python扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-客户的麻将软件需要下载落地页并且要做搜索引擎推广-本文用python语言快速开发爬取落地页下载-优雅草卓伊凡
【01】仿站技术之python技术,看完学会再也不用去购买收费工具了-用python扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-客户的麻将软件需要下载落地页并且要做搜索引擎推广-本文用python语言快速开发爬取落地页下载-优雅草卓伊凡
143 8
【01】仿站技术之python技术,看完学会再也不用去购买收费工具了-用python扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-客户的麻将软件需要下载落地页并且要做搜索引擎推广-本文用python语言快速开发爬取落地页下载-优雅草卓伊凡
【02】仿站技术之python技术,看完学会再也不用去购买收费工具了-本次找了小影-感觉页面很好看-本次是爬取vue需要用到Puppeteer库用node.js扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-优雅草卓伊凡
【02】仿站技术之python技术,看完学会再也不用去购买收费工具了-本次找了小影-感觉页面很好看-本次是爬取vue需要用到Puppeteer库用node.js扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-优雅草卓伊凡
159 7
【02】仿站技术之python技术,看完学会再也不用去购买收费工具了-本次找了小影-感觉页面很好看-本次是爬取vue需要用到Puppeteer库用node.js扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-优雅草卓伊凡
WEB CAD插件通过上下文对象MxPluginContext修改UI界面的方法
本文介绍了如何使用MxPluginContext动态控制MxCAD项目的UI界面。通过该上下文对象,开发者可以灵活设置UI配置,如控制操作栏显隐、编辑按钮、添加侧边栏等。具体方法包括调用`getUiConfig()`获取并修改`mxUiConfig.json`中的属性,实现界面的定制化。此外,还提供了控制命令行聚焦的功能,解决输入框焦点锁定问题。详细代码示例和效果对比图展示了具体实现步骤,帮助开发者更好地适配项目需求。
旅游社用什么工具收报名 + 资料?不开发 App 也能自动收集信息
本文探讨了旅游行业中报名信息收集的常见痛点及解决方案,重点介绍了二维码表单工具在提升信息收集效率、简化操作流程方面的优势。通过对比多种工具,分析其适用场景与实际应用逻辑,为一线旅游从业者提供高效、低成本的执行参考。
HarmonyOS NEXT仓颉开发语言实战案例:电影App
周末好!本文分享使用仓颉语言重构ArkTS实现的电影App案例,对比两者在UI布局、组件写法及语法差异。内容包括页面结构、列表分组、分类切换与电影展示等。通过代码演示仓颉在HarmonyOS开发中的应用。##仓颉##ArkTS##HarmonyOS开发
HarmonyOS NEXT仓颉开发语言实战案例:外卖App
仓颉语言实战分享,教你如何用仓颉开发外卖App界面。内容包括页面布局、导航栏自定义、搜索框实现、列表模块构建等,附完整代码示例。轻松掌握Scroll、List等组件使用技巧,提升HarmonyOS应用开发能力。

热门文章

最新文章

AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等

登录插画

登录以查看您的控制台资源

管理云资源
状态一览
快捷访问