Android UI基础知识之常用组件TextViewEditText组件

Posted 2021-08-13 bfhonor

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Android UI基础知识之常用组件TextViewEditText组件相关的知识，希望对你有一定的参考价值。

一、TextView

TextView (文本框)，用于显示文本的一个控件。
①、文本的字体尺寸单位为sp:
②、sp: scaled pixels(放大像素). 主要用于字体显示。
文本常用属性：

（一）文本设置边框

1. 实现原理：

编写一个ShapeDrawable的资源文件！然后TextView将 background 设置为这个drawable资源即可

2. `ShapeDrawable`的资源文件

在android开发中，我们可以使用shape定义各种各样的形状，也可以定义一些图片资源。相对于传统图片来说，使用shape可以减少资源占用，减少安装包大小，还能够很好地适配不同尺寸的手机。

（1）基本属性

<solid android:color = "xxx"> （填充色）这个是设置背景颜色的，是用以指定内部填充色

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
	<solid android:color="#ffff00"/> //内部填充色
</shape>

<stroke android:width = "xdp" android:color="xxx"> （描边）是描边属性，可以定义描边的宽度，颜色，虚实线等；这个是设置边框的粗细,以及边框颜色的

?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
	<stroke
		android:width="1dp" //描边的宽度
		android:color="#ff0000" //描边的颜色
		// 以下两个属性设置虚线
		android:dashWidth="1dp" //虚线的宽度，值为0时是实线
		android:dashGap="1dp" />//虚线的间隔
</shape>

<padding androidLbottom = "xdp"...> （内边距）是用来定义内部边距

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
	<padding
		android:left="10dp" //左内边距；
		android:top="10dp" //上内边距；
		android:right="10dp" //右内边距；
		android:bottom="10dp" /> //下内边距。
</shape>

<corners android:topLeftRadius="10px"...> （圆角）这个是设置圆角的

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
	<corners //定义圆角
		android:radius="10dp" //全部的圆角半径；
		android:topLeftRadius="5dp" //左上角的圆角半径；
		android:topRightRadius="5dp" //右上角的圆角半径；
		android:bottomLeftRadius="5dp" //左下角的圆角半径；
		android:bottomRightRadius="5dp" /> //右下角的圆角半径。
</shape>

<gradient> 这个是设置渐变色的，（渐变）用以定义渐变色，可以定义两色渐变和三色渐变，及渐变样式；可选属性有:
①、startColor:起始颜色
②、endColor:结束颜色
③、centerColor:中间颜色
④、angle:方向角度，等于0时，从左到右，然后逆时针方向转，当angle = 90度时从下往上，
⑤、type:设置渐变的类型

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
	<gradient
		android:type=["linear" | "radial" | "sweep"] //共有3中渐变类型，线性渐变
		（默认）/放射渐变/扫描式渐变；
		android:angle="90" //渐变角度，必须为45的倍数，0为从左到右，90为从上到下；
		android:centerX="0.5" //渐变中心X的相当位置，范围为0～1；
		android:centerY="0.5" //渐变中心Y的相当位置，范围为0～1；
		android:startColor="#24e9f2" //渐变开始点的颜色；
		android:centerColor="#2564ef" //渐变中间点的颜色，在开始与结束点之间；
		android:endColor="#25f1ef" //渐变结束点的颜色；
		android:gradientRadius="5dp" //渐变的半径，只有当渐变类型为radial时才能使用；
		android:useLevel="false" /> //使用LevelListDrawable时就要设置为true。设为false时才有渐变效果。
</shape>

size（大小）标签是用来定义图形的大小的

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
	<size
		android:width="50dp" //宽度
		android:height="50dp" />// 高度
</shape>

（2）特殊属性

Shape可以定义当前Shape的形状的，比如矩形，椭圆形，线形和环形；这些都是通过 shape 标签属性
来定义的， shape 标签有下面几个属性：rectangle，oval，line，ring：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
	android:shape=["rectangle" | "oval" | "line" | "ring"] //shape的形状，默认为矩形，可以设置为矩形(rectangle)、椭圆形(oval)、线性形状(line)、环形(ring)
	//下面的属性只有在android:shape="ring"时可用：
	android:innerRadius="10dp" // 内环的半径；
	android:innerRadiusRatio="2" // 浮点型，以环的宽度比率来表示内环的半径；
	android:thickness="3dp" // 环的厚度；
	android:thicknessRatio="2" // 浮点型，以环的宽度比率来表示环的厚度；
	android:useLevel="false"> // boolean值，如果当做是LevelListDrawable使用时值为true，否则为false。
</shape>

rectangle（矩形）

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
	android:shape="rectangle">
	<solid android:color="@color/colorPrimary"/>
</shape>

oval（椭圆）

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
	android:shape="oval">
	<solid android:color="@color/colorPrimary"/>
	<size android:height="100dp"
		android:width="100dp"/>
</shape>

line（线）

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
	android:shape="line">
	<stroke
		android:width="1dp"
		android:color="@color/colorAccent"
		android:dashGap="3dp"//虚线间距
		android:dashWidth="4dp"/>//虚线宽度
	<size android:height="3dp"/>
</shape>

ring（圆环）

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
	android:shape="ring"
	android:useLevel="false"
	android:innerRadius="20dp" // 内环的半径
	android:thickness="10dp"> // 圆环宽度
	<!--useLevel需要设置为false-->
	<solid android:color="@color/colorAccent"/>
</shape>

3. shape用法

（1）编写圆角矩形边框的Drawable

在res/drawable下新建 shape_text.xml 文件；
在布局中引用 shape_text.xml 文件；

（2）编写圆角矩形边框的Drawable

在res/drawable下新建 shape_text.xml 文件；
在布局中引用 shape_text.xml 文件；

二、EditText（输入框）

EditText 输入框，集成与TextView, 也继承其属性
EditText 特有属性
文本类型，多为大写、小写和数字符号

android:inputType="none"
android:inputType="text"
android:inputType="textCapCharacters"
android:inputType="textCapWords"
android:inputType="textCapSentences"
android:inputType="textAutoCorrect"
android:inputType="textAutoComplete"
android:inputType="textMultiLine"
android:inputType="textImeMultiLine"
android:inputType="textNoSuggestions"
android:inputType="textUri"
android:inputType="textEmailAddress"
android:inputType="textEmailSubject"
android:inputType="textShortMessage"
android:inputType="textLongMessage"
android:inputType="textPersonName"
android:inputType="textPostalAddress"
android:inputType="textPassword"
android:inputType="textVisiblePassword"
android:inputType="textWebEditText"
android:inputType="textFilter"
android:inputType="textPhonetic"

数值类型

android:inputType="number"
android:inputType="numberSigned"
android:inputType="numberDecimal"
android:inputType="phone"//拨号键盘
android:inputType="datetime"
android:inputType="date"//日期键盘
android:inputType="time"//时间键盘

（一）设置EditText获得焦点，同时弹出小键盘

edit.requestFocus(); //请求获取焦点
edit.clearFocus(); //清除焦点

低版本的系统直接requestFocus就会自动弹出小键盘了
稍微高一点的版本则需要我们手动地去弹键盘：
①、第一种：

InputMethodManager imm = (InputMethodManager)
getSystemService(Context.INPUT_METHOD_SERVICE);
imm.toggleSoftInput(0, InputMethodManager.HIDE_NOT_ALWAYS);

②、第二种

InputMethodManager imm = (InputMethodManager)
getSystemService(Context.INPUT_METHOD_SERVICE);
imm.showSoftInput(view,InputMethodManager.SHOW_FORCED);
imm.hideSoftInputFromWindow(view.getWindowToken(), 0); //强制隐藏键盘

（二）EditText光标位置的控制

setSelection();//一个参数的是设置光标位置的，两个参数的是设置起始位置与结束位置的中间括的部分，即部分选中

①、创建一个登录页面，linearlayout_weight.xml文件

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#eeeeee"
    android:orientation="vertical"
    android:padding="10dp">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:layout_marginTop="40sp"
        android:text="登录页面"
        android:textColor="#000000"
        android:textSize="20sp"/>
    <!--用户名-->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="50dp"
        android:orientation="horizontal">
        <TextView
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:gravity="center_horizontal"
            android:text="用户名："
            android:textColor="#000000"
            android:textSize="19sp"/>
        <EditText
            android:id="@+id/etName"
            android:layout_width="0dp"
            android:layout_height="50dp"
            android:selectAllOnFocus="true"
            android:hint="请输入用户名"
            android:text="123456"
            android:layout_weight="4"/>
    </LinearLayout>
    <!--密码-->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="20dp"
        android:orientation="horizontal">
        <TextView
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:gravity="center_horizontal"
            android:text="密     码："
            android:textColor="#000000"
            android:textSize="19sp" />
        <EditText
            android:id="@+id/etPwd"
            android:hint="请输入密码"
            android:layout_width="0dp"
            android:inputType="textPassword"
            android:layout_height="50dp"
            android:layout_weight="4"/>
    </LinearLayout>
</LinearLayout>

获取光标的位置。

package com.qst.helloworld;
import androidx.appcompat.app.AppCompatActivity;
import android.os.Bundle;
import android.widget.EditText;

public class MainActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.linearlayout_weight);

        EditText etName = findViewById(R.id.etName);
        etName.requestFocus();//获取光标
        etName.setSelection(2);//设置光标在第2个位置
    }
}