Android给我们提供了大量的UI控件,只有合理的使用这些控件,我们编写的界面才能更加美观、给用户带来更好的体验。下面我们就来详解最常用的几种控件及其相关属性和属性值:
1、TextView
TextView也叫文本框控件,可以说是Android中最基础也最简单的一个控件,该控件用于展示文本内容,创建代码如下:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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"
android:orientation="vertical">
<TextView
android:id="@+id/tv"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="Hello World!"
android:textSize="20sp"
android:textColor="#FF7F50"
android:background="#919191"
android:gravity="center"/>
</LinearLayout>
属性详解:
- id:控件的唯一标识符,设置此属性,方便找到并操作具体的控件
- layout_width/layout_height:Android中几乎所有的控件都具有这两个属性,这两属性的可选值有3个,match_parent、warp_content、和固定值。match_parent表示当前的控件的大小和父控件一样,也就是父控件的大小决定了当前控件的大小。warp_content表示由控件的内容撑起控件的大小,也就是由控件中的内容决定控件的大小。固定值是指由我们开发者自己来确定控件的宽高大小,单位一般用"dp",这是一种与屏幕密度无关的尺寸单位,可以保证在不同的分辨率的移动端设备上显示效果尽可能的一致。
- text:该属性用于设置文本框中需要显示的文本内容
- textSize:字符大小单位,一般为"sp",决定了空间中显示的内容的文字大小,设置合适的textsize能提高用户体验
- textColor:设置字体颜色,属性值为#RGB格式
- background:使用该属性可以给控件设置背景色或背景图片,背景色采用RGB格式的属性值,背景图片是@图片路径
- gravity:设置控件中的内容对齐方式,center表示在水平垂直位置都居中显示
效果演示
2、Button
Button是用户和程序之间交互的重要控件,button中文意思是”按钮”,创建代码如下:
<Button
android:id="@+id/btn"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="Button"
android:textAllCaps="false"/>
属性详解:
- text:Button控件中的text属性用于设置按钮名称,英文名名称默认全部字母大写
- textAllCaps:该属性用于指定text的英文值是否大写,有两个属性值,true:全部大写、false:保持原来的大小写
效果演示
3、EditText
和Button控件一样,EditText是用户与程序之间交互的另一个重要控件,这是一个文本输入框控件,用户可以在控件里输入和编辑内容,并可以在程序中对输入编辑的内容进行处理。像我们QQ、微信的文本输入框都是EditText控件来实现的,代码如下:
<EditText
android:id="@+id/et"
android:layout_width="300dp"
android:layout_height="50dp"
android:maxLines="2"
android:maxLength="50"
android:hint="Please enter here"/>
属性详解:
- maxLines:设置输入框显示的最大行数,超过行数会向上滚动隐藏
- maxLength:设置输入内容的最大长度,一个字符长度为1
- hint:该属性用于在提示框中显示提示信息,当输入框中有输入内容时,提示信息会自动隐藏
效果演示
4、ImageView
ImageView是用于在界面上显示图片的控件,在学习这个控件前我们需要先准备好需要显示的图片。图片通常是放在drawable目录下,代码如下:
<ImageView
android:id="@+id/ig"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/image"
android:scaleType="fitCenter"/>
属性详解
- src:该属性用于指定图片的路径,属性值为:@+路径
- scaleType:这个属性用于指定图片的显示方式,可以根据需求选择
效果演示
ok,以上就是Android最常用的四个基本控件,以及常用属性的讲解。当然,控件和属性远不止这些,这里就不一一列举了,大家可以根据程序需要实现的需求去选择相应的控件及属性。