Android UI 初学笔记（一）

Android UI 初学笔记（一）

---

基本布局及其属性

线性布局 LinearLayout

• 常见属性

    android:orientation=""
    android:width=""
    android:height=""
    android:weight=""

android:orientation 指定了其内控件的排列方式 vertical horizontal
android:layout_width和android:layout_height属性值可以设置为
match_parent 当前控件的大小和父View的大小一样
wrap_content 控件的大小可以刚好包含里面的内容
android:layout_weight 允许使用比例的方式来指定控件的大小
如下两个控件内容：

<EditText
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:layout_weight="1" 
    />

<Button
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:layout_weight="1"
    />

EditText和Button该属性都被指定为1，所有二者就会平分父View的宽度

相对布局 RelativeLayout

• 常见属性

    android:layout_alignParentTop=""
    android:layout_alignParentBottom=""
    android:layout_alignParentLeft=""
    android:layout_alignParentRight=""
    android;layout_centerInParent=""

当以上属性设置为 ture false，是相对于父布局进行定位的
当以上属性设置为其他控件id的引用，是相对于其他控件的相应边缘进行定位的

    android:layout_above=""
    android:layout_below=""
    android:layout_toLeftOf=""
    anddroid:layout_toRightOf=""

以上属性可以为其他控件id的引用，是相对于其他控件进行定位的

帧布局 FrameLayout

所有的控件都会默认摆放在布局的左上角，可以通过android:layout_gravity来进行设置

百分比布局

不再使用match_parent wrap_content来指定控件的大小，而是运行直接指定控件在布局所占的百分比。因为LinearLayout已经支持按比例指定控件大小了，所以百分比只为RelativeLayout和FrameLayout进行了功能扩展。提供了PercentRelativeLayout和PercentFrameLayout两个布局
为了能使用这两个新增布局，需要修改app/biuld.gradle文件

dependencies{
    compile fleTree(dir: 'lib', include: ['*.jar'])
    compile 'com.android.support:appcompat-v7:24.2.1'
    compile 'com.android.support:percent:24.2.1'
    testCompile 'junit:junit:4.12'
}

由于百分比布局不是内置在系统SDK中的，所以需要把完整的包路径写出来，还必须定义一个app的命令空间，才能使用百分比布局的自定义属性

     <android.support.percent.PercentFrameLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:width="match_parent"
        android:height="match_parent" >

    <Button
        android:id="@+id/button"
        android:text=""Button"
        android:layout_gravity="left|top"
        app:layout_widthPercent="50%"
        app:layout_heightpercent="50%"
        />
    </android.support.percent.PercentFrameLayout>    

控件属性

基本控件属性

单个控件属性格式如下

< 控件名称
    控件属性设置
/>

以下是基本属性设置

• 唯一性判别

    android:id="@+id/android_id"

• 大小设置
  android:layout_width和android:layout_height属性值可以设置为
  match_parent 当前控件的大小和父View的大小一样
  wrap_content 控件的大小可以刚好包含里面的内容

    android:layout_width=""
    android:layout_height=""

• 布局设置
  android:layout_gravity用来设置当前控件和父View的相对位置

    android:layout_gravity=""

• 控件是否可见
  visible 表示控件可见
  invisible 表示控件不可见但仍然占据原来的位置大小
  gone 表示控件不可见且不占据原来的位置和大小
  还可以使用setVisibility()传入View.VISIBLE View.INVISIBLE View.GONE

    android:visibility=""

常见控件属性

大多数的界面控件都在android.view和android.widget包中，android.view.View为他们的父类。android.app.Dialog是Dialog系列的父类
View子类结构图和android.app.Dialog子类结构图

• TextView
  android.widget.TextView一般用来文本展示，继承自android.view.View
  
  • 常见属性
    android:text 用来指定控件文字内容
    android:textSize 用来指定控件文字的大小，单位是sp
    android:textColor 用来指定控件文字的颜色
    android:textAllCaps=false 不让系统默认对text内容自动进行大写转换
    android:gravity 用来指定控件内容的对齐方式或者说位置，基本值：top buttom left right center 等，还有center_vertical center_horizontal 等。基本值可以使用 “|”来指定多个值

    android:text=""
    android:textSize=""
    android:textColor=""
    android:textAllCaps="false"
    android:gravity=""

• EditText
  常用做输入文本，一般包括了密码、电话、数字等
  
  • 常见属性
    andorid:hint 指定了一段提示性的文字，一旦输入内容，该文字就会消失
    android:password “true”时为密码框
    android:phoneNumber “true”时为电话框
    android:digits 设置允许输入哪些字符。如“1234567890.+-*/%\n()”
    android:cursorVisible 设定光标为显示/隐藏，默认显示

    andorid:hint=""
    android:password=""
    android:phoneNumber=""
    android:digits=""
    android:cursorVisible=""

• Button
  super.findViewById(id)得到在layout中声明的Button的引用，setOnClickListener(View.OnClickListener)添加监听。然后再View.OnClickListener监听器中使用v.equals(View)方法判断哪个按钮被按下，进行分别处理

• ImageView
  最简单的使用方法，src设置图片路径，可引用drawable的图片

  • 常见属性
    给ImageView指定了一张在res/drawable/下的图片

    android:src="@drawable/img_name"

• ProgressBar
  ProgressBar有两种展示方式，表盘形式和条形填充形式。在layout定义时，需要通过设施style属性类设置展示方式
  
  • 常见属性
    style可以设置为progressBarStyleLarge / progressBarStyle / progressBarStyleSmall / progressBarStyleHorizontal
    android:max为progressBarStyleHorizontal方式，进度条满时的值
  • 常见用法
    获取ProgressBar的进度可以使用方法getProgress()

    style="?android:attr/progressBarStyleHorizontal"
    android:max=""

• AlertDialog

    AlertDialog alterDialog = AlertDialog.Builder(MainActivity.this);
    alertDialog.setTitle("This is Dialog");
    alterDialog.setMessage("Something important");
    alertDialog.setCancelable(false);
    alertDialog.setPositiveButton("OK", new DialogInterface.OnClickListener(){
        @Override
        public void onClick(DialogInterface dialog, int which){}
    });
    alterDialog.setNegativeButton("Cancel", new DialogInterface.OnClickListener(){
        @Override
        public void onClick(DialogInterface dialog, int which){}
    });
    alertDialog.show();

• ProgressDialog

    ProgressDialog progressDialog = new ProgressDialog(MainActivity.this);
    progressDialog.setTitle("This is ProgressDialog");
    progressDialog.setMessage("Loading...");
    progressDialog.setCancel(true);
    progressDialog.show();