美文网首页
《Android第一行代码》first reading 四

《Android第一行代码》first reading 四

作者: 威宸 | 来源:发表于2017-01-09 17:52 被阅读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的命名空间,这样才能使用百分比布局的自定义属性。

    相关文章

      网友评论

          本文标题:《Android第一行代码》first reading 四

          本文链接:https://www.haomeiwen.com/subject/knacbttx.html