Android用户界面程序设计案例 | 约束布局（附限免视频）

手把手地介绍约束布局设计中的控件定位。

约束布局（ConstrainLayout）是Android Studio 2.2中新增的功能之一。与传统的XML代码的界面编写方式相反，约束布局使用可视化的方式来编写界面，其结合Android Studio的布局编辑器通过拖曳控件完成布局，有利于解决布局嵌套过多的问题，是现在用得比较多的一种布局方式。

【例3-4】使用约束布局实现如图3.6所示的用户登录界面。

■ 图3.6约束布局效果图

（1） 打开LayoutDemo项目，打开res/layout/activity_main.xml文件。该布局文件是项目创建的默认的布局文件，采用的是约束布局。

（2） 我们切换到activity_main.xml文件的Design视图，依次将左上Palette面板中的TextView、imageView、Plain Text和Button控件拖到左下ComPonent Tree面板中，每拖一个控件就通过中间的布局界面和右边的Attributes面板对该控件进行调整和属性设置，最后形成如图3.7所示的布局树和布局界面。

■ 图3.7“用户登录”约束布局设计图

该布局的代码如下。

上述布局中的app:layout_constraintXXX_toXXX属性通过对控件的位置进行约束来实现其设置，这些属性的含义见表3.2。

■ 表3.2约束布局的常用属性及含义

（3） 为了给ImageView控件添加图像，在MainActivity.java文件中引入ImageView类。

（4） 修改与主Activity绑定的布局文件，代码如下。

上述代码中findVewById方法将id为imageView的控件与ImageView类的变量iv关联，然后通过ImageView类的方法setImageResource为imageView控件设置图像。

扫码观看讲解视频，限免三天

01

参考书籍

《Android Studio移动网络程序设计案例教程（第2版 微课视频版）》

作者：傅由甲 杨承玉

定价： 79元

扫码优惠购书

编辑推荐

（1）内容涵盖Android移动网络程序开发的理论、实验、课程设计三部分。

（2）改变程序设计类课程中的单纯知识讲解及简单例子模拟的教学方式，通过引进工程案例，采用项目引导与驱动的方法，使学生在掌握移动网络编程技能的同时，获得更好的工程实践体验。

（3）在Android开发的基础知识上增加了目前常用的Fragment、移动网络及百度地图开发技术。

（4）针对Android 6.0以上平台对Android应用程序的要求完善案例源码，使之能适应目前主流的Android移动设备。

（5）配套丰富的教学资源：微课视频、程序代码、教学课件、教学大纲、习题答案等。 返回搜狐，查看更多

责任编辑：