androidui表单

‘壹’ 如何查看android ui界面布局

分别为： 线性布局 Linearlayout
相对布局 RelativeLayout
表格布局 TableLayout（现在已经过时了）
绝对布局 AbsolutelyLayout
帧布局 FrameLayout
常用的布局类型主要是： 线性布局和网格布局(GrideLayout)，接下来详细的说明一下，这两种布局的特点。

‘贰’ 【Android】UI（二）Android常用的基础布局容器

Android 的UI 可以分为两类，一类叫做ViewGroup容器,一类叫做View视图

View视图：(TextView,Button,ImageView)都是常用常见的视图.

ViewGroup容器：内部可以承载、放置、添加View视图

线性布局就是 从左到右 或 从上到下 按 顺序排列 的一种布局。下面讲一讲LinearLayout的基础属性。

相对布局在摆放子视图位置时，按照 指定的参考系 来摆放子视图的位置， 默认以屏幕左上角(0,0)位置 作为 参考系 摆放位置

使用layout_below使得后面一个组件位于前面一个组件的下方

配合layout_toRightOf使得后面一个组件位于前面一个组件的右方

组件的默认位置都是左上角，组件之间可以重叠。像千层饼一样，一层压着一层 可以设置上下左右的对齐、水平垂直居中、设置方式与线性布局相似

参考： 2021Android从零入门到实战(Kotlin版)

‘叁’ 能同时用于 Android 和 iOS的APP UI设计怎么做

一些建议：

1. 总体的样式

从 iOS7 以后，Apple 就一直在采用扁平化的设计模式，去除了所有不必要的纹理和阴影等效果——和早些年间的版本完全不同。Google 的新 MD 设计规范有了一些更加细节的规定，通过一种叫“纸片”的方法来创造更多的层级关系。

2. 实体按钮

Android 有一个返回按钮，点击它可以返回上一个屏幕。

13. 面包菜单、载入图片

不幸的数字 13(注：最后的晚餐的在场人数)。通常来说，警告框和表示载入的图标留给开发者做决定。你或许已经经历过弹出框和警告框的设计和 App 的其他部分样式完全脱节的情况。那是因为通常 iOS 和 Android 平台都有对这些情况的默认的处理方案，但是你也可以利用你的方案进行替代。在这里，让你的设计能被真实还原的最好的方式就是和开发人员多进行沟通。

14. 通用 UI 控制

复选框，单选框和输入框，以及开关都是应该有着原生感觉的控件。像警告框和对话框一样，这些控件保持默认样式的话能够给用户带来熟悉感和信任感。尽可能多地使用原生控件，用户自然知道如何使用他们，并且在涉及到敏感信息和支付事宜的时候能够更信任你的 App。

在同一个设计稿中同时呈现出原生 iOS 和 Android 的感觉也并非一件不可能的任务。尝试在设计之初就注意到这些差别，并且注意对控件的使用，并且在设计过程中和开发人员保持紧密的联系。

阅读下面的东西会对你有帮助：

iOS Human interface guidelines

Android material design guidelines

UI 库

这些 UI 库能够帮助你剩下很多的防治和调整原生控件的时间。你可以从库中抽取出你要的部分并将它们用于你的 iOS 或 Android 设计稿中。

An excellent PSD template for iOS from Teehan + Lax

Android Material Design PSD Template

icon

即使你要自己绘制 icon，或者是请专门的 icon 设计师帮你绘制，你也有可能用到它们(做你的占位符吧!)。icon 设计本身就是一件有分量的工作，如果你不想让 icon 设计占用你太多的工作时间，我推荐你使用这些我在 icon8 上看见的不错的 icon。在 flation.com 上你能找到更多的通用 icon。

Line icons which are great for iOS design

Flat icons that work well with material design

模型

Mockup 在你想别人展示你的设计稿的时候是一项非常好用的工具。这些模型有好几种类别。当你要展示 Android 设计稿的时候，你要小心选择这些模型。我倾向于使用 Nexus，因为它是 Google 自己设计的手机，对于其他的厂商来说没有倾向性。

‘肆’ Android UI规范是什么

从事UI设计行业的朋友都知道，每一张设计稿都是有规范尺寸的，并且IOS的和Android还不同，IOS UI设计规范为375*667 1x的尺寸，那么Android UI规范是什么呢，下面让我们一起来了解一下。

• 01

  在做Android UI设计的时候，画布的尺寸我们一般都是选择360*640 1x，也就是说是选择720*1280这个尺寸。

• 02

  我们从上到下来进行了解，最上边的是状态栏，状态栏的高度是25。

• 03

  在状态栏中肯定就是信号、电源以及时间这些了，每个Android定制系统的摆放样式都不同，这一点不用纠结。

• 04

  状态栏下边就是导航栏了，导航栏起到的是导航作用，高度是45px。

• 05

  导航栏中间一般都是有文字来起到提醒作用的，导航文字的大小一般都是18px。

• 06

  在最下方就是我们的标签栏了，标签栏的作用就是给用户提供切换界面的作用，标签栏的高度为50px。

• 07

  在标签栏中摆放的肯定就是我们的ICON图标了，要注意，图标的切图点击区域不能够小于24px。

• 08

  一些ICON图标的下方还会有文本，这里文本的大小一般就是10或者是11px了，因为范围有限。

特别提示

本文尺寸均为1x。