等你完全掌握了使用XML来编写界面的方法之后,不管是进行高复杂度的界面实现,还是分析和修改当前现有的界面,对你来说都将是手到擒来。
对于Android基本控件详情可以查看文档
TextView
文本控件
Button
Button是程序用于和用户交互的一个重要控件。
*系统对Button中的所有英文字母自动进行大写转换android:textAllCaps="false"
可以禁用这一默认特性。
EditText
EditText是程序用于和用户进行交互的另一个重要控件,它允许用户在空间里输入和编辑内容,并可以在程序中对这些内容进行处理。
*android:hint
属性指定了一段提示性的文本。
android:maxLines="2"
指定了EditText的最大行数为两行。
imageView
imageView是用于在界面上展示图片的一个控件。
ProgressBar
ProgressBar用于在界面上显示一个进度条,表示我们的程序正在加载一些数据。
*style="?android:attr/progressBarStyleHorizontal"
设置进度条为水平进度条。
android:max="100"
设置进度条最大长度
AlertDialog
AlertDialog可以在当前界面弹出一个对话框,这个对话框是置顶于所有界面元素之上的,能够屏蔽掉其他控件的交互能力,因此AlertDialog一般都是用于提示一些非常重要的内容或者警告信息。
ProgressDialog
显示进度条的对话框
详解4种基本布局
布局是一种可用于放置很多控件的容器,它可以按照一定的规律调整内部控件的位置,从而编写出精美的界面。
LinearLayout线性布局
线性布局会将它所包含的控件在线性方向上依次排列。
android:orientation=""
其中有两种参数:vertical指定垂直方向排列,horizontal指定水平方向排列。
android:layout_gravity
用于指定控件在布局中的对其方式。
android:gravity
用于指定文字在控件得中的对齐方式。
当LinearLayout的排列方向是horizontal时,只有垂直方向上的对齐方式才会生效。,因为此时水平方向上的长度不固定。同理,当排列方向为vertical时,只有水平方向上的对齐方式才会生效。
android:layout_weight
这个属性允许我们使用比例的方式来指定控件的大小。系统会将LinearLayout下的所有控件指定的layout_weight值相加,得到一个总值,然后每个空间所占大小的比例就是用该控件的layout_weight值除以刚才算出的总值。同时,我们还可以单独设置一个控件weight为1,设置另一个控件宽度为wrap_content,那么weight为1的控件就会占据其余的全部空间。
RelativeLayout相对布局
RelativeLayout通过相对定位的方式让控件出现在布局的任何位置。
android:layout_alignParentLeft=""
、android:layout_alignParentTop=""
、android:layout_alignParentRight=""
、android:layout_alignParentBottom=""
、android:layout_centerInParent=""
,这些属性都是相对于父布局进行定位的。
android:layout_above=""
、android:layout_toLeftOf=""
、android:layout_toRightOf
、android:layout_below=""
,这些属性用于一个控件相对于另一个控件的进行定位。
android:layout_alignLeft=""
、android:layout_alignRight=""
、android:layout_alignBottom=""``、android:layout_alignTop=""
,这些属性用于相对于控件边缘对齐进行定位。
帧布局
FrameLayout又称帧布局。此布局没有方便的定位方式,所有的控件都会默认摆放在布局的左上角。
百分比布局
百分比布局只为FrameLayout和RelativeLayout进行功能扩展,提供了PercentFrameLayout、PercentRelativeLayout这两个全新的布局。
使用:
- 打开在app/build.gradle文件,在dependencies闭包中添加如下内容:
dependencies{
...
compile 'com.android.support:percent:24.2.1'
}
- 布局
<?xml version="1.0" encoding="utf-8"?>
<android.support.percent.PercentFrameLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent">
<Button
android:id="@+id/button1"
android:text="button 1"
android:layout_gravity="left|top"
app:layout_widthPercent="50%"
app:layout_heightPercent="50%"/>
<Button
android:id="@+id/button2"
android:text="button 2"
android:layout_gravity="right|top"
app:layout_widthPercent="50%"
app:layout_heightPercent="50%"/>
<Button
android:id="@+id/button3"
android:text="button 3"
android:layout_gravity="left|bottom"
app:layout_widthPercent="50%"
app:layout_heightPercent="50%"/>
<Button
android:id="@+id/button4"
android:text="button 4"
android:layout_gravity="right|bottom"
app:layout_widthPercent="50%"
app:layout_heightPercent="50%"/>
</android.support.percent.PercentFrameLayout>
最外层我们使用了PercentFrameLayout,由于百分比布局并不是内置在系统SDK当中的,所以需要把完整的包路径写出来。然后还必须定义一个app的命名空间,这样才能使用百分比布局的自定义属性。