Android控件中TextView及EditText详解

xiaoxiao2021-02-28  103

今天了解到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>本人的分享就到此结束,希望可以帮到各位阅读者,大神勿喷!!!

转载请注明原文地址: https://www.6miu.com/read-68140.html

最新回复(0)