笔记32 | UI系列之EditText和AutoCompleteTextView

地址

http://blog.csdn.net/xiangyong_1521/article/details/78499706

目录

  • EditText
  • AutoCompleteTextView


1.EditText

简单来说说EditText这个控件,这个就相当于我们平常web开发中的文本输入框,我们如果要使用EditText,可以在布局文件中声明一个这个元素即可,下面就是一个简单的EditText的控件声明:

<EditText 
        android:id="@+id/username"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="username"/>

对于EditText来说,其最重要的一个属性是 android:inputType,这个属性不仅可以指定键盘的显示类型,还能控制一些其他的操作,具体可以参考android的官方API,其默认属性是 android:inputType="text",也就是普通的键盘框,如果我们设置其属性为以下这些,那么其键盘的类型会有所不同:

<EditText 
        android:id="@+id/password"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="password"
        android:inputType="textPassword"/>  这个是我们的密码框

    <EditText
        android:id="@+id/email"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="email"
        android:inputType="textEmailAddress"/>  当设置为textEmailAddress时,键盘会多出来一个 @ 符号

    <EditText
        android:id="@+id/blog"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="blog url"
        android:inputType="textUri"/>  设置为textUri时,键盘会多出一个 / 符号

    <EditText
        android:id="@+id/phone"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="phone"
        android:inputType="phone"/>  设置为phone时,键盘就会变成一个打电话时的键盘

    <EditText
        android:id="@+id/counts"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="counts"
        android:inputType="number"/>  设置为number时,键盘上全部都是数字键

对于输入框来说,我们通常都要对其输入的数据进行判断,inputType这个属性不会对我们输入的内容进行校验,如果我们要对输入的内容进行校验,我们需要在Activity里面进行操作 EditText有一个setError的方法,当调用这个方法时,则表示输入的数据不合法,我们来看看官方的API对该方法的解释:

void android.widget.TextView.setError(CharSequence error)

Sets the right-hand compound drawable of the TextView to the "error" icon and sets an error message that will be displayed in a popup when the TextView has focus. The icon and error message will be reset to null when any key events cause changes to the TextView's text. If the error is null, the error message and icon will be cleared.

这个方法会给我们一个错误的小图标以及弹出的一段错误提示信息,当我们的这个EditText控件获得焦点的时候,当我们在文本框中输入了任何的值后,这个icon和message都会消失,例如:


2.AutoCompleteTextView

AutoCompleteTextView这个是一个自动提示内容的文本框,其是EditText的一个子类,

public class AutoCompleteTextView extends EditText

我们通常都是自己定义了一组数据集合,可以是array,可以是list,还可以是网络传过来的数据,这组数据是以下拉菜单的方式根据我们输入的关键字来匹配我们数据集合中满足条件的数据项,通过下拉菜单,我们可以enter来选中我们需要的数据,而为AutoCompleteTextView这个控件提供内容的就是我们的 Adapter ,这个叫做适配器,Adapter这个类的作用就是在我们的Data和我们的View之间架设一座桥梁,我们将我们的数据放置到一个Adapter当中,然后通过指定我们对这些数据的布局方式,再将这个Adapter赋给我们的View。

Adapter是一个接口,其拥有许多的实现类,例如:

android.widget.Adapter

Known Indirect Subclasses:

ArrayAdapter<T>, BaseAdapter, CursorAdapter, HeaderViewListAdapter, ListAdapter, ResourceCursorAdapter, SimpleAdapter, SimpleCursorAdapter, SpinnerAdapter, WrapperListAdapter

我们看到,Android为我们提供了许多的Adapter,这是因为我们的数据可能来自不同的途径,而且对于一些特殊的控件,例如Spinner,我们也要有指定的SpinnerAdapter才行,接下来我们就通过一个例子来实现我们的 AutoCompleteTextView 文本提示功能: XML

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

    <LinearLayout
        android:id="@+id/llll"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal" >

        <AutoCompleteTextView
            android:id="@+id/autoCompleteTextView"
            android:layout_width="250dp"
            android:layout_height="wrap_content"
            android:completionHint="最近5条记录"
            android:completionThreshold="2" />

        <Button
            android:id="@+id/button"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentTop="true"
            android:text="搜索" />

        <Button
            android:id="@+id/button2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentTop="true"
            android:text="清除" />
    </LinearLayout>

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/llll"
        android:text="搜索结果:" />

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@android:color/white" >

        <TextView
            android:id="@+id/textv"
            android:textSize="30dp"
            android:textColor="@android:color/black"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />
    </RelativeLayout>

</LinearLayout>

Main

public class MainActivity extends Activity {

    @Override  
    public void onCreate(Bundle savedInstanceState) {  
        super.onCreate(savedInstanceState);  
        setContentView(R.layout.activity_main);  
        creatView();  
    }  
    ArrayAdapter<String> adapter; 
    AutoCompleteTextView autoCompleteTextView;
    TextView textv;
    String[] si = {"aaa","aab","aac","aad","aae","aaf","aag"};
    StringBuilder builder;
    private void creatView(){
        textv = (TextView) findViewById(R.id.textv);
        autoCompleteTextView = (AutoCompleteTextView) findViewById(R.id.autoCompleteTextView);
        builder = new StringBuilder();
        findViewById(R.id.button).setOnClickListener(new OnClickListener() { //搜索 

            @Override
            public void onClick(View v) {
                String s = autoCompleteTextView.getText().toString();
                builder.append(s+",");
                textv.setText(""+builder.toString());
            }
        });
        findViewById(R.id.button2).setOnClickListener(new OnClickListener() { //清除

            @Override
            public void onClick(View v) {
                builder = new StringBuilder();
                textv.setText("没有搜索结果");
            }
        });
        adapter = new ArrayAdapter<String>(this, android.R.layout.simple_dropdown_item_1line,si);
        autoCompleteTextView.setAdapter(adapter);
    }  
}

我们看到,在Activity里面我们定义了一个ArrayAdapter这个类,其有许多的构造方法,我们来看看我们用的这个:

public ArrayAdapter (Context context, int resource, List<T> objects)

Parameters
context    The current context.
resource    加载界面的布局文件
objects    加载数据

也有可在String.xml中添加数据

<string-array name="name">
        <item>aaa</item>
        <item>aab</item>
        <item>aac</item>
        <item>aad</item>
        <item>aae</item>
        <item>aaf</item>
        <item>aag</item>
    </string-array>

加载

String[] name2 = getResources().getStringArray(R.array.name);
ArrayAdapter<String> adapter = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, name2);

最后是运行效果


原文发布于微信公众号 - 项勇(xiangy_life)

原文发表时间:2017-11-10

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏刘望舒

RxBinding使用和源码解析

作者 | juexingzhe 地址 | https://www.jianshu.com/u/ea71bb3770b4 声明 | 本文是 juexingzhe...

42710
来自专栏刘望舒

打造一个灵活易用的Banner组件

之前做项目时候出于各种考虑,自己开发了Banner组件FBanner,欢迎大家的Star和PR。github上成熟的轮播图库已经有非常多了,比如banner和A...

1135
来自专栏向治洪

android多线程下载3

今天跟大家一起分享下android开发中比较难的一个环节,可能很多人看到这个标题就会感觉头很大,的确如果没有良好的编码能力和逻辑思维,这块是很难搞明白的,前面2...

1875
来自专栏向治洪

Java与js的交互

 在android的开发过程中,有很多时候需要用到本地java代码和javascript进行交互。android对交互进行了很好的封装,在开发中我们可以很简单的...

2859
来自专栏7号代码

Android应用界面开发——Fragment(实现图书详情界面)

Fragment代表了Activity的子模块,因此可以把Fragment理解成Activity片段。

2352
来自专栏Android先生

[译]Android内存泄漏的八种可能(上)

Java是垃圾回收语言的一种,其优点是开发者无需特意管理内存分配,降低了应用由于局部故障(segmentation fault)导致崩溃,同时防止未释放的内存把...

612
来自专栏Android开发与分享

【Android】数据存储(一) SharedPreferences详解

3797
来自专栏一个会写诗的程序员的博客

第14章 使用Kotlin 进行 Android 开发(2)

我们使用 fastjson 来解析这个数据。在 app 下面的 build.gradle中添加依赖

912
来自专栏三流程序员的挣扎

Navigation 详解二

BottomNavigationView 以更简洁的方式来实现过去的 BottomNavigationBar 的样式。Android Studio 中创建一个 ...

1672
来自专栏Vamei实验室

安卓第八夜 玛丽莲梦露

上一讲说明了数据库中存取数据的方法。这一讲将以条目的视图方式,来以相似的视图方式,显示多个数据对象。这种方式特别适合于显示从数据库中取出的多个结构相似的数据,比...

2029

扫码关注云+社区