学习Android UI

Android UI、布局和材质设计教程、示例和代码

下载此 免费的 电子书!

这本免费电子书将帮助您在Android Studio中掌握Android应用程序开发的学习!

Android UI设计可以在 XML 或者在应用程序中以编程方式。但Android用户界面设计师更喜欢 XML 用于定义UI,因为它将演示文稿与代码分离,并且更易于可视化、管理、编辑和调试应用程序。

在这里,我们的深入教程将教您从 XML 基本、布局、小部件和属性以及示例。接下来,您将学习不同的UI设计技术、模式和原则,最后我们将向您展示许多示例,在这些示例中,我们将讨论从零开始到结束的不同应用程序的设计。


设计Android UI的先决条件:

Android Studio和SDK:

Android Studio 是谷歌开发Android应用程序的官方IDE。它有一个非常简单的布局编辑器,支持拖放设计UI,用户可以拖动布局、小部件、文本字段等,并将其拖放到虚拟移动屏幕上设计Android UI。它还具有属性选项,可以轻松填充颜色、文本等属性,为UI提供有吸引力和漂亮的外观。Studio还有文本选项,可以在其中查看UI的XML代码并对其进行编辑。

如果您是新手,请查看我们的 Android Studio指南.

Android Studio布局编辑器


Android设计教程:

Android UI新手?从这里开始。

Android中的XML

Android中的布局:

布局– 布局用于定义应用程序的实际UI(用户界面)。它包含我们希望在应用程序中使用的所有元素(即视图)或工具。例如 文本框, 按钮 和其他UI元素。

Android中的布局类型和几个重要的视图组

  1. 约束布局
  2. 线性布局
  3. 相对布局图
  4. 表格布局
  5. 框架布局
  6. 绝对布局
  7. 列表视图
  8. 网格视图

另请阅读: Android中布局的嵌套

Android中的适配器(学习非常重要)

适配器 – 适配器 充当UI组件和数据源之间的桥梁,帮助我们在UI组件中填充数据。它保存数据并将数据发送到 适配器 view然后view可以从 适配器 查看并在不同视图上显示数据,如 列表视图, 网格视图, 微调器

Android中不同类型的适配器:

  1. 基本适配器
  2. SimpleAdapter
  3. 自定义SimpleAdapter
  4. 定制
  5. 基本适配器

重要的Android UI教程

所有其他Android UI教程的列表

Android UI教程
主题(按照链接阅读教程) 描述
列表视图 它有助于以可滚动列表的形式显示数据。
网格视图 它在二维滚动网格(行和列)中显示项目,网格项目不一定是预先确定的,但它们会使用ListAdapter自动插入到布局中。
滚动视图和水平视图 用于垂直方向滚动项目,水平滚动视图用于水平方向滚动项目
微调器 微调器提供了从一组值中选择一个值的快速方法。Android微调器只是其他编程语言中的下拉列表。
自定义微调器 当我们想要显示带有图像、文本等的微调器项目时
文本框 它向用户显示文本
EditText 它提供了一个输入或文本字段,用户可以在其中输入诸如姓名详细信息、电话号码等内容
按钮 它是一个按钮,用户可以单击或按下该按钮来执行操作
图片框 用于在应用程序中显示图像文件
ImageButton It is used to display a normal button with a custom image in a button
CheckBox It is a type of two state button either unchecked or checked in Android. We can use it in to take survey in Android app where we will list few options and allow user to choose using CheckBox.
Switch It is off/on button which indicate the current state of Switch. It is commonly used in selecting on/off in Sound, Bluetooth, WiFi etc.
RadioButton And RadioGroup In Android, RadioButton are mainly used together in a RadioGroup. In RadioGroup checking the one radiobutton out of several radio button added in it will automatically unchecked all the others.
RatingBar It is used to get the rating from the app user.
WebView It is a view which is used to display the web pages in application.
AutoCompleteTextView It is a view i.e similar to EditText, except that it displays a list of completion suggestions automatically while the user is typing.
MultiAutoCompleteTextView MultiAutoCompleteTextView is similar to AutoCompleteTextView except that it can hold multiple string words value at single time
ProgressBar It is used to display the status of work being done like analyzing status of work or downloading a file etc.
Timepicker It is a widget used for selecting the time of the day in either AM/PM mode or 24 hours mode
DatePicker It is a widget used to select a date by day, month and year
Calendar View It is used for displaying Calendar and selecting dates
AnalogClock, DigitalClock And TextClock AnalogClock is a two handed clock one for hour indicator and the other for minute indicator and DigitalClock & TextClock both looks like your normal digital watch on hand which displays the hours minutes and seconds in digital format
SeekBar It is an extension of ProgressBar that adds a draggable thumb, a user can touch the thumb and drag left or right to set the value for current progress
ExpandableListView It is a View that shows items in a vertically scrolling two level list
计时器 它实现了一个简单的计时器
缩放控制 它显示用于缩放的一组简单控件,并提供回调以注册事件
CheckedTextView 它是法线的扩展 文本框 支持可检查 界面 并显示它
播放视频 用于显示视频文件
标签栏 它是选项卡式窗口视图的容器。每当我们需要在一个活动中输入或显示大量信息时。一种简单有效的方法是在界面表单中使用选项卡,这是在Android中使用TabHost完成的。
搜索框 它提供了搜索用户界面,用户可以在其中输入搜索查询,然后向搜索提供商提交请求
抽屉 它用于将内容隐藏在屏幕之外,并允许用户拖动手柄将内容显示在屏幕上
文本切换器 它用于在屏幕上设置标签(即文本)的动画
视图转换器 用于在视图之间切换,视图只能容纳两个子视图进行切换
视图翻转器 ViewSwitcher只能保存两个子视图,但ViewFlipper可以保存两个或多个子视图,并一次显示一个
视图存根 它是一个大小为零的不可见视图,可用于在运行时惰性地膨胀布局资源
陈列室 它是一个视图,用于在中心锁定的水平滚动列表中显示项目,用户将选择一个视图,然后用户选择的视图将显示在水平列表的中心
倒计时器 Android中的CountDownTimer用于根据您设置的时间间隔设置倒计时,并在将来时间到来时停止。
“警报”对话框 android UI中的警报对话框会在手机屏幕上提示一个小窗口来做出决定。有时,在做出决策之前,需要向用户发出警报,而不必转到下一个活动。
进度对话框 Android Progress Dialog是一个UI,它显示任务的进度,就像您希望用户等待上一个排队的任务完成一样,为此,您可以使用Progress Dialog。
Android中的HTML 在Android中,很多时候在设计应用程序时,我们可能会遇到希望使用HTML内容并在应用程序屏幕中显示的情况。它可能会显示一些静态内容,如帮助、支持、常见问题解答和其他页面。

下一个教程要学习什么:

关于“Android UI、布局和材质设计教程、示例和代码”的13点思考

  1. 我在离线模式下的gradle build中遇到问题…我遇到了很多错误请给我在离线模式下安装Android Studio 2.3的分步过程,这样我就不会出错

  2. 信息量很大。
    我已经开始学习android。有一个建议,你可以按顺序划分整个教程吗
    比如第一天,第二天………
    或按块1、块2、块3。
    或者,您可以为付费会员启动一个单独的教程系列(对会员收取一些最低费用)。

    迪帕克

留下答复

您的电子邮件地址将不会发布。 已标记必填字段 *


订阅并访问最新的android教程、免费赠品等!

免费下载-主Android应用程序开发侧栏

下载此 免费的 电子书!

这本免费电子书将帮助您在Android Studio中掌握Android应用程序开发的学习!
关闭链接

Android开发者Facebook群免费

下载此 免费的 电子书!

这本免费电子书将帮助您在Android Studio中掌握Android应用程序开发的学习!
关闭链接

下载此 免费的 电子书!

这本免费电子书将帮助您在Android Studio中掌握Android应用程序开发的学习!
关闭链接

下载此 免费的 电子书!

这本免费电子书将帮助您在Android Studio中掌握Android应用程序开发的学习!
关闭链接

看看AbhiAndroid 一步一步地 视频培训帮助您掌握Android应用程序开发

视频培训- 定期添加新内容,逐步解锁视频培训。开发Android应用程序。
Android应用程序源代码- 通过文档获取令人惊叹的电子商务、食品订购和终极WebView源代码。
立即获取访问权限
关闭链接