《Android第一行代码》first reading 四

2017-01-09  本文已影响0人  威宸

等你完全掌握了使用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_toRightOfandroid:layout_below="",这些属性用于一个控件相对于另一个控件的进行定位。
android:layout_alignLeft=""android:layout_alignRight=""、android:layout_alignBottom=""``、android:layout_alignTop="",这些属性用于相对于控件边缘对齐进行定位。

帧布局

FrameLayout又称帧布局。此布局没有方便的定位方式,所有的控件都会默认摆放在布局的左上角。

百分比布局

百分比布局只为FrameLayout和RelativeLayout进行功能扩展,提供了PercentFrameLayout、PercentRelativeLayout这两个全新的布局。
使用:

  1. 打开在app/build.gradle文件,在dependencies闭包中添加如下内容:
dependencies{
    ...
    compile 'com.android.support:percent:24.2.1'
}
  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的命名空间,这样才能使用百分比布局的自定义属性。

上一篇下一篇

猜你喜欢

热点阅读