Android登录实例——布局文件

最新推荐文章于 2024-06-23 03:42:24 发布

菲力蒲LY

最新推荐文章于 2024-06-23 03:42:24 发布

阅读量1.1k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： Android 文章标签： Android 布局文件 TextView

本文链接：https://blog.youkuaiyun.com/wangqingbo0829/article/details/50063041

Android 专栏收录该内容

3 篇文章

订阅专栏

本文详细介绍了Android登录界面的设计与实现，重点讲解了EditText控件的属性及布局技巧，包括控件的对齐方式、输入类型等，并展示了如何通过XML定义复杂的布局结构。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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	本控件在父控件中或屏幕中的位置。