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


  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值