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

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

相关文章
|
23天前
|
Java 数据库 Android开发
一个Android App最少有几个线程?实现多线程的方式有哪些?
本文介绍了Android多线程编程的重要性及其实现方法,涵盖了基本概念、常见线程类型(如主线程、工作线程)以及多种多线程实现方式(如`Thread`、`HandlerThread`、`Executors`、Kotlin协程等)。通过合理的多线程管理,可大幅提升应用性能和用户体验。
40 15
一个Android App最少有几个线程?实现多线程的方式有哪些?
|
9天前
|
存储 开发工具 Android开发
使用.NET MAUI开发第一个安卓APP
【9月更文挑战第24天】使用.NET MAUI开发首个安卓APP需完成以下步骤:首先,安装Visual Studio 2022并勾选“.NET Multi-platform App UI development”工作负载;接着,安装Android SDK。然后,创建新项目时选择“.NET Multi-platform App (MAUI)”模板,并仅针对Android平台进行配置。了解项目结构,包括`.csproj`配置文件、`Properties`配置文件夹、平台特定代码及共享代码等。
|
14天前
|
XML Android开发 数据格式
🌐Android国际化与本地化全攻略!让你的App走遍全球无障碍!🌍
在全球化背景下,实现Android应用的国际化与本地化至关重要。本文以一款旅游指南App为例,详细介绍如何通过资源文件拆分与命名、适配布局与方向、处理日期时间及货币格式、考虑文化习俗等步骤,完成多语言支持和本地化调整。通过邀请用户测试并收集反馈,确保应用能无缝融入不同市场,提升用户体验与满意度。
35 3
|
14天前
|
XML Android开发 UED
💥Android UI设计新风尚!掌握Material Design精髓,让你的界面颜值爆表!🎨
随着移动应用市场的蓬勃发展,用户对界面设计的要求日益提高。为此,掌握由Google推出的Material Design设计语言成为提升应用颜值和用户体验的关键。本文将带你深入了解Material Design的核心原则,如真实感、统一性和创新性,并通过丰富的组件库及示例代码,助你轻松打造美观且一致的应用界面。无论是色彩搭配还是动画效果,Material Design都能为你的Android应用增添无限魅力。
31 1
|
25天前
|
Java 数据库 Android开发
一个Android App最少有几个线程?实现多线程的方式有哪些?
本文介绍了Android应用开发中的多线程编程,涵盖基本概念、常见实现方式及最佳实践。主要内容包括主线程与工作线程的作用、多线程的多种实现方法(如 `Thread`、`HandlerThread`、`Executors` 和 Kotlin 协程),以及如何避免内存泄漏和合理使用线程池。通过有效的多线程管理,可以显著提升应用性能和用户体验。
38 10
|
17天前
|
JavaScript
从零开始写一套广告组件【一】搭建基础框架并配置UI组件库
其实这个从零有点歧义,因为本质上是要基于`tdesign-vue-next`来进行二次封装为一套广告UI组件库,现在让我们在一起快乐的搭建自己的广告UI库之前,先对以下内容做出共识:
33 0
从零开始写一套广告组件【一】搭建基础框架并配置UI组件库
|
8天前
|
XML 数据库 Android开发
10分钟手把手教你用Android手撸一个简易的个人记账App
该文章提供了使用Android Studio从零开始创建一个简单的个人记账应用的详细步骤,包括项目搭建、界面设计、数据库处理及各功能模块的实现方法。
|
2月前
|
Android开发 iOS开发 C#
Xamarin:用C#打造跨平台移动应用的终极利器——从零开始构建你的第一个iOS与Android通用App,体验前所未有的高效与便捷开发之旅
【8月更文挑战第31天】Xamarin 是一个强大的框架,允许开发者使用单一的 C# 代码库构建高性能的原生移动应用,支持 iOS、Android 和 Windows 平台。作为微软的一部分,Xamarin 充分利用了 .NET 框架的强大功能,提供了丰富的 API 和工具集,简化了跨平台移动应用开发。本文通过一个简单的示例应用介绍了如何使用 Xamarin.Forms 快速创建跨平台应用,包括设置开发环境、定义用户界面和实现按钮点击事件处理逻辑。这个示例展示了 Xamarin.Forms 的基本功能,帮助开发者提高开发效率并实现一致的用户体验。
78 0
|
5月前
|
前端开发 搜索推荐 开发者
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
|
5月前
|
JavaScript 前端开发 开发者
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
下一篇
无影云桌面