Android控件中TextView及EditText详解

今天了解到android中的TextView及EditText，不记录下感觉可惜了。

首先我们来讲一下这两个常用控件：

TextView：显示文本框控件，将文本内容显示到这个控件之中

EditText：用来输入文本框，在控件中进行文本编辑

接下来我来介绍下两个控件的属性

1、TextView控件的常用属性

android:id----控件的id

android:layout_width-----控件的宽度

android:layout_height-----控件的高度

android:text---文本内容

android:textSize----文本大小

android:textColor-----文本颜色

android:background-----控件背景

2、EditText控件的常用属性

android:id----控件的id

android:layout_width-----控件的宽度

android:layout_height-----控件的高度

android:text---文本内容

android:textSize----文本大小

android:textColor-----文本颜色

android:background-----控件背景

android:hint-----输入提示文本
android:inputType-----输入文本类型

然后就来到我的实战演练了：首先打开Android studio   和 夜神模拟器（可以使用其它的）

代码如下

<?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:id="@+id/activity_main"
    android:layout_width="match_parent" android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.example.myy2_04.MainActivity"
    >
<!--
    <TextView android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:autoLink="all"
        android:text="电话：18684864937。邮箱：1425803782@qq.com"
        android:singleLine="true"
        android:textStyle="bold|italic"
        android:background="@mipmap/ic_launcher"
        android:id="@+id/tv_main_text"

        />
-->
    <TableLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">
        <TableRow
            android:background="@drawable/et_selector"
            >

            <TextView
                android:drawableLeft="@drawable/icon_user"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="用户名："
                android:gravity="left"
                />
            <EditText
                android:layout_width="260dp"
                android:layout_height="wrap_content"
                android:hint="请输入账号"
                android:id="@+id/tv_main_text_user"
                />

        </TableRow>
        <TableRow
            android:background="@drawable/et_selector"
            android:layout_marginTop="10dp"
            android:layout_marginBottom="10dp">
            <TextView
                android:drawableLeft="@drawable/icon_user"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="密码："
                android:gravity="center"
                />
            <EditText
                android:layout_width="260dp"
                android:layout_height="wrap_content"
                android:hint="请输入密码"
                android:inputType="textPassword"
                />

        </TableRow>
        <TableRow>
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="40dp"
                android:text="邮箱："
                android:gravity="center"
                />
            <EditText
                android:layout_width="260dp"
                android:layout_height="wrap_content"
                android:hint="请输入邮箱"
                />

        </TableRow>
    </TableLayout>





</LinearLayout>

夜神模拟器效果如下:

当然，我们在项目中res目录下的drawable下创建新的xml文件去编写样式，我的代码如下：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle"
    >
    <!--设置边框粗细-->
    <stroke
        android:width="2dp"
        android:color="#00ff00"
        ></stroke>
    <!--设置内边距-->
    <padding
        android:top="10dp"
        android:bottom="10dp"
        android:left="10dp"
        android:right="10dp"
        ></padding>
    <!--弧度-->
    <corners
        android:bottomLeftRadius="15dp"
        android:bottomRightRadius="15dp"
        android:topLeftRadius="15dp"
        android:topRightRadius="15dp"
        ></corners>
    <!--背景颜色:单颜色-->
    <solid
        android:color="#ffff00"
        ></solid>
   <!--渐变色-->
   <!-- <gradient
        android:startColor="#ff0000"
        android:centerColor="#00ff00"
        android:endColor="#0000ff"
        ></gradient>
    -->
</shape>

本人的分享就到此结束，希望可以帮到各位阅读者，大神勿喷！！！