Android组件复习之基本组件01——TextView与Edittext的用法

原创 2016年09月19日 14:54:57

文本框(TextView)与编辑框(EditText)详解


重点一:TextView

TextView直接继承了View,TextView还是EditText、Button个UI组件的父类,TextVeiw的作用就是在界面上显示文本。其实从功能上来看,TextVeiw其实就是一个文本编辑器,只是Android关闭了它的文字编辑功能。现在开发者用到的都是它的子类:EditText。

  1. TextView继承和被继承的图片
    这里写图片描述

  2. 其中常用的xml属性
    -其详细讲解请看文章:http://www.cnblogs.com/heweiquan/p/4836579.html
    这里写图片描述
    这里写图片描述
    这里写图片描述

    • 例子一:简单的几个布局,附带效果图
    • 布局
    <!-- 设置字号为20pt,文本框结尾处绘制图片  -->
    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="我很烦"
        android:textSize="20sp"/>
    <!-- ellipsize="middle"设置中间省略,textAllCaps="true"所有字母大写    -->
    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:singleLine="true"
        android:text="我的天空,abcabcabcabcabc是谁的模样abcabcabc是谁的模样"
        android:ellipsize="middle"
        android:textAllCaps="true"/>
<!--autoLink="email"  这里可以添加链接-->
    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:singleLine="true"
        android:text="邮件是 kongyeeku@163.com"
        android:autoLink="email"/>
    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:singleLine="true"
        android:text="号码是:13800000000"
        android:autoLink="phone"/>
    <!--&lt;!&ndash; 设置文字颜色、大小,并使用阴影 &ndash;&gt;-->
    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:text="我带着阴影"
        android:shadowColor="#00f"
        android:shadowDx="10.0"
        android:shadowDy="8.0"
        android:shadowRadius="3.0"
        android:textColor="#f00"
    <!--测试密码框 &ndash;password="true"就是你输入的内容不可见;-->
    <TextView android:id="@+id/passwd"
              android:layout_width="match_parent"
              android:layout_height="wrap_content"
              android:layout_marginTop="10dp"
              android:text="你好啊"
              android:password="true"/>
  • 图片效果

这里写图片描述


  • 例子二:为TextiView添加背景

    例如:

<!--下面用到的是xml中的 background 属性,可以自己定义颜色也可以是一张图片; 例如android:background="@drawable/ic_launcher",当然用得最多的还是自己定义的样式-->

    <TextView android:id="@+id/sss"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:text="你好啊"
        android:background="#465715"/>

效果图:
这里写图片描述


重点二:EditText

EditText:是特别常用的编辑框,用户可以在里面输入自己需要输入的字符
注意:其中xml请看上面的xml表格里的各种属性。

1、直接看一个最原始的输入框效果图
这里写图片描述

它用到的是最基础的一些xml属性,下面的布局运行起来就是上面的效果

    <EditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="请输入账号"
        android:layout_margin="10dp"
        />
    <EditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="请输入电话号码"
        android:layout_margin="10dp"
        />
    <EditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="请输入性别"
        android:layout_margin="10dp"
        />

2、但很多时候我们用到的都是通过自己自定义的效果

例如下面效果:
这里写图片描述

实现:这里需要先定义样式,怎么定义后面博客会写

第一步定义样式:

<shape xmlns:android="http://schemas.android.com/apk/res/android" >
    <solid android:color="@android:color/transparent" />
    <corners android:radius="4dp" />
    <stroke
        android:width="2px"
        android:color="#e74c4c" />
</shape>

第二步:在布局中引用

<EditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="请输入性别"
        android:background="@drawable/tv_background_red"
        android:layout_margin="10dp"
        />

第三步:在代码中定义并运行项目

public class TextViewActivity extends Activity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.textview);
    }
}

其实在开发中,几乎每时每刻都会用到这两个空间,用的多了就熟悉了。写的很乱,因为上班中写的。还请见谅!
样式怎么定义,会在后续讲解!

此处的布局只要复制到自己布局即可,无需代码引用。所以就不提供dome了!谢谢

版权声明:本文为博主原创文章,未经博主允许不得转载。

EditTextView的介绍和使用

EditText类的基本结构 EditText 和TextView 的功能基本类似,他们之间的主要区别在于EditText 提供了可编辑的文本框。 类的继承关系图:java.lang.Object -...
  • u013424496
  • u013424496
  • 2016年05月06日 13:06
  • 1405

Android系统控件TextView与EditText

Android系统提供了许多控件给开发者使用,开发者通过对这些控件编码与组合能够架构设想的模型和实现相应的功能。本文介绍Android系统的TestView和EditText控件。首先,让我们来思考如...
  • wangloveall
  • wangloveall
  • 2012年06月11日 14:10
  • 6956

TextView与EditText水平对齐

  • zzldm
  • zzldm
  • 2016年10月11日 11:27
  • 2260

Android 跑马灯效果与EditText冲突

最近一个项目,由于布局TextView内容太长了,首先想到的就是跑马灯效果,所以就把TextView重新自定义了,虽然跑马灯效果实现了,不过导致了另一个问题就是EditText输入问题,当第一次点击E...
  • jwzhangjie
  • jwzhangjie
  • 2014年04月26日 18:56
  • 3590

Android笔记——TextView和EditText

TextView:            1.  向用户显示文本和选择性地允许编辑它。一个TextView是一个完整的文本编辑器,但是基本的类配置不允许编辑。一般只是为了显示文本,如果要编辑用Edi...
  • nana129
  • nana129
  • 2015年02月09日 19:47
  • 1259

UI组件之TextView及其子类(一)TextView和EditText

先来整理一下TexView,EditView的用法。 Textview是最基本的组件,直接继承了View,也是众多组件的父类,所以了解她的属性会对学习其他组件很有帮助。 TextView的属性:   ...
  • tuke_tuke
  • tuke_tuke
  • 2016年01月09日 20:12
  • 2308

EditText的setSelection()方法失效的问题

直接上代码: private void inputNickName() { InputDialog inputDialog = new InputDialog(this).builder(); ...
  • zhuhai__yizhi
  • zhuhai__yizhi
  • 2016年04月29日 14:20
  • 3749

Android TextView和EditText属性详解

autoLink   设置   是否当文本为URL链接/email/电话号码/map时,文本显示为可点击的链接。可选值(none/web /email/phone/map/all)   andr...
  • heng615975867
  • heng615975867
  • 2013年11月14日 11:33
  • 6540

Android EditText和TextView图文混排

想在EditText和TextView控件中随时插入手机本地图片,主要借助于android提供的两个类ImageSpan和SpannableString。如,在EditText中插入图片,分为3步: ...
  • xkc_0706
  • xkc_0706
  • 2015年09月16日 10:18
  • 862

Android EditText像TextView一样的样式

说明:       EditText自带样式,但是为了整体界面看着舒服,所以要做成和TextView一样的样式,具体需要设置两步: 1、背景: android:hint="测试" 2、样式: sty...
  • u012246458
  • u012246458
  • 2016年10月31日 10:47
  • 1441
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Android组件复习之基本组件01——TextView与Edittext的用法
举报原因:
原因补充:

(最多只允许输入30个字)