android的三个基础控件,使用Kotlin开发Android应用(4) - 常用的基本控件

Some Base Widget in Android App

Android应用中一些常用的控件

控件的几个基本属性

id 控件ID

layout_width 宽度: wrap_content或者match_parent

layout_height 高度: wrap_content或者match_parent

background 背景: 颜色/图片

1. 展示控件

TextView 文本

android:id="@+id/tv_user_label"

android:layout_width="wrap_content"

android:layout_height="50dp"

android:text="用户名"

android:gravity="center"

android:textSize="24sp"

android:textColor="#0000FF"

android:textStyle="normal"

android:singleLine="true"

android:ellipsize="start"/>

主要属性:

text 文本文字 (推荐，引用values下面的string.xml里面的元素)

textSize 字体大小

textColor 字体颜色

textStyle 字体格式 ormal,bold,italic分别为正常，加粗以及斜体

gravity 文本显示位置： top、bottom、left、right、center

singleLine 是否只在一行内显示全部内容

ellipsize 省略文字的表达形式： start,middle,end,marquee

ImageView 图片

主要属性:

scaleType:

fitXY: 把原图按照指定的大小在View中显示，拉伸显示图片，不保持原比例，填满ImageButton.

center: 在视图中心显示图片，并且不缩放图片

centercrop: 按比例缩放图片，使得图片长 (宽)的大于等于视图的相应维度

centerinside: 按比例缩放图片，使得图片长 (宽)的小于等于视图的相应维度

fitcenter: 按比例缩放图片到视图的最小边，居中显示

fitend: 按比例缩放图片到视图的最小边，显示在视图的下部分位置

fitstart: 把图片按比例扩大/缩小到视图的最小边，显示在视图的上部分位置

matrix: 用矩阵来绘制

src 图片来源: @drawable/beautiful,将图片放到res/drawable文件夹里面

使用Glide加载网络图片

Glide.with(getContext())

.load("http://*.jpg")

.into(imageDetail);

2. 表单控件

EditText

主要属性：

text 文字内容: 文本或者引用values下面的string.xml里面的元素

hint 文本提示内容

password: 输入内容设置为password类型, true

phoneNumber: 输入内容设置为phoneNumber类型, true

cursorVisible 设定光标为显示/隐藏: 默认为true显示

常用回调:

val etName = findViewById(R.id.et_username)

etName.addTextChangedListener(object : TextWatcher {

override fun afterTextChanged(s: Editable?) {

// 输入后的监听

}

override fun beforeTextChanged(s: CharSequence?, start: Int, count: Int, after: Int) {

//输入后的监听

}

override fun onTextChanged(s: CharSequence?, start: Int, before: Int, count: Int) {

//输入文字产生变化的监听}

}

})

addTextChangedListener 监听输入框内容变化

setOnFocusChangeListener 监听输入焦点变化

CheckBox

主要属性：

isChecked 是否已选择

常用回调:

setOnCheckedChangeListener 监听状态变化

Radio

主要属性：

isChecked 是否已选择

常用回调:

setOnCheckedChangeListener 监听状态变化

SeekBar 滑动条

主要属性

max 滑动条的最大值

progress 滑动条的当前值

thumb 滑片背景

progressDrawable 引用背景

常用回调:

setOnSeekBarChangeListener 监听值的变化

Switch

主要属性：

isChecked 是否已选择

常用回调:

setOnCheckedChangeListener 监听状态变化

CalendarView

主要属性：

maxDate 支持的最大日期: "07/27/2019 以mm/dd/yyyy格式设置

minDate 支持的最小日期: "07/27/2019 以mm/dd/yyyy格式设置

firstDayOfWeek 设置每周第一天(数字3对应周二、4对应周三、1对应周日)

常用回调:

setOnDateChangeListener 监听值的变化

Button

常用回调:

setOnClickListener 监听状态变化