在XML数据值保存在元素中。单个元素通常包含开始标记和结束标记。

<product>Onion</product>  <!-- 数据值是元素内容，文本字符串Onion” --> 

开始标记还可以容纳与数据项目相关的其他属性信息。每个属性都有一个名称和一个值，其中值是引号的一部分。

<product type="vegetable">Onion</product>  

其它元素也可以包含在元素中，例如：

<section name="food"> <product type="vegetable">Onion</product> <product type="fruit">Banana</product> </section> <!-- 我们将section元素称为主要元素，products元素被称为子元素。两个子元素属于兄弟关系。--> 

在XML文档中必须有一个root元素作为主要元素，或被称为嵌套。这构成了一种tree结构(如本文开头所述)，子元素作为自主元素延伸的分支。如果其他子元素也包含在一个子元素下，它也具有主要元素属性。

自结束元素，其中开始与结束标记并非独立存在，例：

<order number="12345" customerID="a4d45s"/>  

• dp(dip): device independent pixels(设备独立像素)。 不同的设备有不同的显示效果，支持WVGA、HVGA和QVGA 。
• px: pixels(像素). 不同的设备有相同的显示效果，通常我们HVGA代表320x480像素，这个用的比较多。
• pt: point，是标准长度单位，1pt＝1/72英寸，用于印刷业，非常简单易用。
• sp: scaled pixels(放大像素). 主要用于字体显示best for textsize。

<RelativeLayout xmlns:android=
         
          "
         http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:context=".MainActivity">

    <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/hello_world" />

</RelativeLayout>

LinearLayout会沿横向或者纵向显示我们打算使用的View。

android:orientation属性为线性布局指定方式，组件的排列方向是水平（horizontal）还是竖直（vertical），默认为竖直。若垂直方向显示，则每个View都会沿屏幕下方依次排列；如果采取横向布局，那么各个View将由左至右依次排列。 关于布局内部组件间的位置关系：当android:orientation=“vertical” 时， 只有水平方向的设置才起作用，垂直方向的设置不起作用。 即：left，right，center_horizontal 是生效的。 当 android:orientation=“horizontal” 时， 只有垂直方向的设置才起作用，水平方向的设置不起作用。 即：top，bottom，center_vertical 是生效的。

android:divider属性为线性布局设置分割线图片，通过android:showDividers属性来设置分割线的所在位置，有四个可选值none（无）, middle（每两个组件间）, begining（开始）, end（结束），还可以通过dividerPadding设置分割线的padding（填充）。 演示代码：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/LinearLayout1" android:layout_width="match_parent" android:layout_height="match_parent" android:divider="@drawable/ktv_line_div" android:orientation="vertical" android:showDividers="middle" android:dividerPadding="10dp" tools:context="com.jay.example.linearlayoutdemo.MainActivity" >  
  
    <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="按钮1" />  
  
    <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="按钮2" />  
  
    <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="按钮3" />  
  
</LinearLayout>

• ignoreGravity属性：设置了该属性为true的属性的组件，将不受gravity属性的影响。

定位方式属性详解： 语法为：对应对齐方式='true'

1. 根据父容器定位 android:layout_alignParentLeft：左对齐 android:layout_alignParentRight：右对齐 android:layout_alignParentTop：顶部对齐 android:layout_alignParentBottom：底部对齐 android:layout_centerHorizontal：水平居中 android:layout_centerVertical：垂直居中 android:layout_centerInParent：中间位置

2. 根据兄弟组件定位 android:layout_toLeftOf：参考组件的左边 android:layout_toRightOf：参考组件的右边 android:layout_above：参考组件的上方 android:layout_below：参考组件的下方 android:layout_alignTop：对齐参考组件的上边界 android:layout_alignBottom：对齐参考组件的下边界 android:layout_alignLeft：对齐参考组件的左边界 android:layout_alignRight：对齐参考组件的右边界 典型例子——梅花布局：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/RelativeLayout1" android:layout_width="match_parent" android:layout_height="match_parent" >    
    
    <!-- 这个是在容器中央的 -->    
        
    <ImageView android:id="@+id/img1" android:layout_width="80dp" android:layout_height="80dp" android:layout_centerInParent="true" android:src="@drawable/pic1"/>    
        
    <!-- 在中间图片的左边 -->    
    <ImageView android:id="@+id/img2" android:layout_width="80dp" android:layout_height="80dp" android:layout_toLeftOf="@id/img1" android:layout_centerVertical="true" android:src="@drawable/pic2"/>    
        
    <!-- 在中间图片的右边 -->    
    <ImageView android:id="@+id/img3" android:layout_width="80dp" android:layout_height="80dp" android:layout_toRightOf="@id/img1" android:layout_centerVertical="true" android:src="@drawable/pic3"/>    
        
    <!-- 在中间图片的上面-->    
    <ImageView android:id="@+id/img4" android:layout_width="80dp" android:layout_height="80dp" android:layout_above="@id/img1" android:layout_centerHorizontal="true" android:src="@drawable/pic4"/>    
        
    <!-- 在中间图片的下面 -->    
    <ImageView android:id="@+id/img5" android:layout_width="80dp" android:layout_height="80dp" android:layout_below="@id/img1" android:layout_centerHorizontal="true" android:src="@drawable/pic5"/>    
    
</RelativeLayout>

3. 设置margin偏移（即组件和父容器的边距） layout_margin：设置组件上下左右的偏移量 layout_marginLeft：设置组件离左边的偏移量 layout_marginRight：设置组件离右边的偏移量 layout_marginTop：设置组件离上面的偏移量 layout_marginBottom：设置组件离下面的偏移量 注意：margin可以设置为负数。

padding（填充）：设置组件内部元素间的边距（如Textview里的字体位置）

• android:padding：往内部元素的上下左右填充一定边距
• android:paddingLeft：往内部元素的左边填充一定边距
• android:paddingRight：往内部元素的右边填充一定边距
• android:paddingTop：往内部元素的上方填充一定边距
• android:paddingBottom：往内部元素的下方填充一定边距

基本使用： 一个组件沾满一行，也可以通过添加TableRow容器，将几个组件放在一行（构成几列），TableRow中组件的个数决定了该行有多少列，而列的宽度由该列中最宽的单元格决定。

FrameLayout(帧布局)直接在屏幕上开辟出一块空白的区域，当我们往里面添加控件的时候会默认把他们放到这块区域的左上角。帧布局的大小由控件中最大的子控件决定，如果控件的大小一样大的话，那么同一时刻就只能看到最上面的那个组件，即后续添加的控件会覆盖前一个。

前景图像： 永远处于帧布局最上面，不会被覆盖。

• android:foreground:设置改帧布局容器的前景图。
• android:foregroundGravity:设置前景图像显示的位置。例如值为right|bottom设置在右下角。

通过X,Y坐标来控制组件在Activity中的位置。单位是dp。

除了通用属性width和height外，还有两个控制位置的属性：

• android:layout_x属性：设置组件的X坐标。
• android:layout_y属性：设置组件的Y坐标。

在布局文件中，xmlns:android="http://schemas.android.com/apk/res/android" 和 xmlns:tools="http://schemas.android.com/tools" 用于在xml命名空间中定义我们所需要使用的架构。有了它就可以按 “alt + / ”作为语法提示。

设置对应的渲染上下文主题。

通过键入android：输入属性。

• gravity属性： 控制组件所包含的子元素的对齐方式。可多个组合如（left|buttom）。若以center_horizontal作为gravity值，其中包含的元素就会以X轴为中心加以显示。
• layout_gravity属性：控制该组件在父容器里的对齐方式。
• layout_width属性： 若值为fill_parent或match_parent，布局会被拉伸至横向的最大长度；wrap_content使View的宽度足以容纳其显示内容。
• layout_height属性： 若值为fill_parent或match_parent，布局会被拉伸至纵向的最大长度；wrap_content使View的高度足以容纳其显示内容。
• layout_margin属性：边距属性，使用“dp”为数值单位来设置像素的独立密度。
• id属性：例如android:id="@+id/LinearLayout1"为这个布局设置一个id值标记为LinearLayout1，并添加到R文件的id内部类中。
• background属性：为该组件设置一个背景图片，或者直接用颜色覆盖。
• layout_weight属性：设置该布局权重，等比例地划分区域。若要按比例划分水平方向，需要将涉及到的view的width属性设置为0dp，然后设置weight的值；若要按比例划分竖直方向，需要将涉及到的view的height属性设置为0dp，然后设置weight的值。或者设置为wrap_content，但不要设置成fill_parent，因为它的计算规则和你想要的结果不一样。

View是绘制在屏幕上的用户能与之交互的一个对象。View属于可见及交互性元素，用以构成我们的应用程序UI。应用程序中的每套分屏方案都要选择一种View，并在其中包含一种或者多种布局机制。

在Android系统中，这些布局被称为ViewGroup对象，每个 ViewGroup内包含一套或者多套View。ViewGroup是一个用于存放其他View（和ViewGroup）对象的布局容器。

如果使用java代码自定义了一个组件，需要在布局文件中添加以下代码：

<com.作者.包名.类名 android:layout_width="match_parent" android:layout_height="match_parent"/>

可以通过直接在布局中添加一个view显示一条分割线。（该例子便于我们了解view的具体用法）如下代码将会显示一条水平方向的黑线。

<View android:layout_width="match_parent" android:layout_height="1px" android:background="#000000" /> 

组件可以使用所在布局中的属性，除了上述提到的布局通用属性外，view还有一些常用属性：

• android:layout_gravity属性：值可以为fill。
• android:layout_marginLeft属性：左边距。
• android:layout_marginRight属性：右边距。

布局元素当中的TextView允许开发人员显示一条文本字符串。TextView是View的一种。

注意：TextView是很多其他控件的父类（如Button），这些控件均可以使用TextView的属性。

与文本相关属性：

• android:text属性：通过列举文本字符串实现显示功能。将每一个文本字符串值保存为一项值资源，使用@string资源调用。语法为：@string/字符串名称，通过在字符串名称前加上@string的方式告知Android工具需要在哪里寻找字符串资源。
• android:textSize属性：设置文本大小。单位为sp。
• android:textColor属性：文本颜色。一般通过colors.xml资源来引用。
• android:textStyle属性：可以设置normal（无效果）、bold（加粗）、italic（斜体），若多选用" | "分隔。
• android:textScaleX属性：设置字间距，控制字体水平方向的缩放，默认值1.0f，值是float。
• android:lineSpacingExtra属性：设置行间距，如"3dp"。
• android:lineSpacingMultiplier属性：设置行间距的倍数，如"1.2"。

与文本阴影相关的属性：

• android:shadowColor属性、android:shadowRadius属性搭配使用：前者设置阴影颜色，后者设置阴影的模糊程度（0.1为字体颜色，建议使用3.0）。
• android:shadowDx属性：设置阴影在水平方向的偏移,就是水平方向阴影开始的横坐标位置。
• android:shadowDy属性：设置阴影在竖直方向的偏移,就是竖直方向阴影开始的纵坐标位置。

添加边框：

设置边框需要编写一个shapeDrawable资源文件放置在drawable文件夹中（文件名只能由小写英文字母和阿拉伯数字组成），然后将TextView的background设置为这个资源，值为"@drawable/shape文件名"。

shapeDrawable文件编写格式如下： 注意不要直接复制别人的代码，里面的空格会报错，最好自己往上敲。

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
	<!-- 在此处添加元素，常用元素在下方列出 -->
	
	<!-- 设置背景颜色 -->
	<solid android:color = "#000000"/>
	
	<!-- 设置边框的粗细、边框颜色 -->
	<stroke android:width = "2dp" android:color="#111111"/>
	
	<!-- 设置边距（top、bottom、left、right） -->
	<padding android:bottom = "5dp"/>
	
	<!-- 设置四个圆角的半径-->
	<corners android:topLeftRadius="10px" android:topLeftRadius="10px" android:bottomLeftRadius="10px" android:bottomRightRadius="10px"/>
	
	<!-- 设置渐变色 startColor属性:起始颜色。 endColor属性:结束颜色。 centerColor属性:中间颜色。 angle属性:方向角度。angle= 0 度时从左到右逆时针方向转；当angle = 90度时从下往上。 type属性:设置渐变的类型 -->
	<gradient></gradient>
</shape>

添加图片

利用四个属性分别给TextView的四个位置添加图片：drawableTop(上)，drawableButtom(下)，drawableLeft(左)，drawableRight(右)。

使用drawablePadding属性设置图片与文字间的间距。

添加autoLink识别链接

使用android:autoLink属性后，程序自动识别对应类型，在用户界面可以通过点击文本跳转到对应目的程序中。autoLink的值可以为web、email、phone等，all表示各种类型全部包含（自动识别协议头）。

设置跑马灯效果 需要将以下代码组合使用：

• android:singleLine="true" 设置是否自动换行，默认为需要自动换行（false），设置为 true 表示不需要自动换行。注意：若要设置多行显示不完，可添加maxLines属性。
• android:ellipsize="marquee"
• android:marqueeRepeatLimit="marquee_forever"
• android:focusable="true"
• android:focusableInTouchMode="true"

设置默认提示文本

• android:hint="默认提示文本"，设置提示的文本内容。
• android:textColorHint="#95A1AA"，设置提示文本的颜色。

限制输入类型 android:inputType属性可以对输入的数据进行限制。可选参数如下：

前面已经提到过，Button是继承了TextView的，我们强调：

• 按钮上显示的是android:text属性值。
• android:id属性用于识别每一个独特的view。语法为：android:id="@+id/按钮ID名"。“@+id”语法会提示Android工具在项目资源“R.java”文件中创建一个新ID，并为其指定一个在应用程序内独一无二的文本字符串。

设置按钮按下的效果 通过编写StateListDrawable资源文件罗列不同状态下组件如何绘画，在java文件中设置动作监听者，将Button的background属性设置为该drawable资源即可实现背景色/背景图片的变化。如：

StateListDrawable的关键节点 是< selector >，其属性如下：

• drawable:引用的Drawable位图，可以把他放到最前面，就表示组件的正常状态。
• state_focused:是否获得焦点。
• state_window_focused:是否获得窗口焦点。
• state_enabled:控件是否可用。
• state_checkable:控件可否被勾选，例如checkbox。
• state_checked:控件是否被勾选。
• state_selected:控件是否被选择，针对有滚轮的情况。
• state_pressed:控件是否被按下。
• state_active:控件是否处于活动状态，例如slidingTab。
• state_single:控件包含多个子控件时，确定是否只显示一个子控件。
• state_first:控件包含多个子控件时，确定第一个子控件是否处于显示状态。
• state_middle:控件包含多个子控件时，确定中间一个子控件是否处于显示状态。
• state_last:控件包含多个子控件时，确定最后一个子控件是否处于显示状态。

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true" android:drawable="@drawable/ic_course_bg_fen"/>
    <item android:state_enabled="false" android:drawable="@drawable/ic_course_bg_pressed"/>
    <item android:drawable="@drawable/ic_course_bg_cheng"/>
</selector>

其语法结构可理解为，当组件处于某种状态时，以某种drawable形式展现，无状态条件时其drawable即为默认drawable。

设置按钮外观 按钮外观的设置和TextView类似，通过编写ShapeDrawable资源文件实现，其标签为<shape />。若需要根据状态动态变化，可将shape标签嵌入到item标签中。

注意：我们说ShapeDrawable，指的是该文件的类型，不代表两种不同类型的代码必须分开写，它们的命名也不要求区分。

用来显示图像的一个View或者控件。常用属性如下：

• android:src属性：设置图片，强调组件内容，按照图片大小直接填充，并不会进行拉伸。
• android:background属性：设置图片，强调组件背景，会根据ImageView给定的宽度来进行拉伸图片。
• setAlpha属性：为src设置透明度。
• adjustViewBounds属性、android:maxHeight属性、android:maxWidth属性配合使用，用于设置缩放时是否保持原图长宽比， 单独设置不起作用。 用法：将adjustViewBounds的值设置为true，android:maxHeight表示设置ImageView的最大高度，android:maxWidth表示设置ImageView的最大宽度。
• scaleType属性：设置显示的图片如何缩放或者移动以适应ImageView的大小。可选值如下： fitXY:对图像的横向与纵向进行独立缩放，使得该图片完全适应ImageView，但是图片的横纵比可能会发生改变。 fitStart:保持纵横比缩放图片，尽可能大地填充view，缩放完成后将图片放在ImageView的左上角。 fitCenter:同上，缩放后放于中间。 fitEnd:同上，缩放后放于右下角。 center:保持原图的大小，显示在ImageView的中心。当原图的size大于ImageView的size，超过部分裁剪处理。 centerCrop:保持横纵比缩放图片，完全覆盖ImageView，可能会出现图片的显示不完全。 centerInside:保持横纵比缩放图片，直到ImageView能够完全地显示图片。 matrix:默认值，不改变原图的大小，从ImageView的左上角开始绘制原图， 原图超过ImageView的部分作裁剪处理。

添加图片固定尺寸的图片 已知background会拉伸图片，可以通过编写drawable的Bitmap资源文件，将然后background属性设置为该文件即可。 titleMode属性是平铺，设置disabled表示禁止平铺。

<bitmap xmlns:android="http://schemas.android.com/apk/res/android" android:id="@id/pen_bg" android:gravity="top" android:src="@drawable/pen" android:tileMode="disabled" >  
</bitmap>

通过把RadioButton放到RadioGroup按钮组中，实现单选功能。可以先为外层RadioGroup组件设置外观属性。注意一定要为每一个单选按钮添加ID。 举个简单的例子：