Android登录实例——布局文件

Android登录实例——布局文件

       布局文件，顾名思义，规划资源、布置格局，设计出具有用户体验度的界面。

捡本实例中，具有代表性地方说说：（特此注明，下午的代码注释是为了更加清晰地显示对应关系，强制写入的，xml格式绝不允许这样的注释方式）

        <EditText													// 可编辑的文本框控件
            android:id="@+id/PhoneText"                             // id:PhoneText
            android:layout_width="match_parent"						// 宽度：匹配父窗体
            android:layout_height="wrap_content"					// 高度：内容包括（适配内容）
            android:layout_alignBottom="@+id/requestBtn"			// 对齐方式：底部与id为requestBtn的底部对齐
            android:layout_alignTop="@+id/requestBtn"				//			 顶部也与id为requesBtn的顶部对齐
            android:background="@drawable/bg_edittext"				// 背景设置：是一张drawable文件夹内，名称为bg_edittext的图片
            android:hint="@string/recodeText"						// 提示信息（未输入时，文本框的输入提示）：string标签以recodeText命名的字符串
            android:inputType="phone"						// 输入类型为手机、电话号码，当焦点在此控件时，自动呈现数字小键盘
            android:textColor="#0000FF"				           // 文本字体颜色：蓝色#0000FF
            android:background="#8D84EB"			            // 背景颜色：灰色填充
            android:textSize="24sp" />				            // 字体大小：24sp（一般为14sp）

控件盒子模型： 

类型属性	分属性	作用
layout_margin 外边距，本控件边框与周围控件的距离	layout_marginTop	上 外边距的宽度
	layout_marginRight	右 外边距的宽度
	layout_marginBottom	下 外边距的宽度
	layout_marginLeft	左 外边距的宽度
layout_padding 内边距，内容到边框的距离	layout_paddingTop	上 内边距的宽度
	layout_paddingRight	右 内边距的宽度
	layout_paddingBottom	下 内边距的宽度
	layout_paddingLeft	左 内边距的宽度

 

控件布局，可以嵌套使用：

		<LinearLayout>                             // 绝对定位型
			<RelativeLayout>                       // 相对定位型
				<TableLayout>                      // 定义 表格
					<TableRow></TableRow>           // 定义 行
					<TableRow></TableRow>
					<TableRow></TableRow>
				</TableLayout>
			</RelativeLayout>
		</LinearLayout>

 

TableLayout：表格布局（重要属性）

        隐藏指定列collapseColumns="index"

        收缩指定的列以适合屏幕，不会挤出屏幕shrinkColumns="index"

        把指定的列延伸，以填充空白区域stretchColumns="index"

        将控件安置在指定的位置layout_column="index"

        控件所跨越的行数layout_span="Num"

grivity与Layout_gravity辨析：

gravity	控制子控件，在父控件中的位置；若控件没包含子控件，则控制控件的文本在控件中的位置。
layout_gravity	本控件在父控件中或屏幕中的位置。