Android 简单控件

本文介绍的控件:

1..AutoCompleteTextView :自动匹配文本内容

2.MutiAutoCompleteTextView :支持多次自动匹配文本内容

3.ImageView :显示图片

4.button 按钮的监听三种方式  ,注意button小技巧(包含自定义设置按钮背景)

5.ToggleButton :多状态按钮

6.CheckBox: 复选按钮

7.RadioButton:单选按钮

1.AutoCompleteTextView :自动匹配文本内容

当我们在搜索引擎查找内容的时候,当有想要输入的信息就会出现其他与其相关的提示信息,这就是AutoCompleteTextView的功能,它有一个很重要的属性,android:completionThreshold,指设置输入多少字符时提示内容。

源码:

    android:id="@+id/autoCompleteTextView"

    android:layout_width="match_parent"

    android:layout_height="wrap_content"

    android:hint="请输入要输入搜索的消息"

    android:completionThreshold="2"/>

手机演示:


到此功能完成。

2.MutiAutoCompleteTextView :支持多次自动匹配文本内容

例如:2342343@qq.com,3645456@q

当我们同时给多个人发邮件的时候会注意到,每次输入一个收件邮箱都会有提示内容,这就是.MutiAutoCompleteTextView功能,它有个方法setTokenizer(new MultiAutoCompleteTextView.CommaTokenizer())指设置以逗号分隔符为结束的符号。它的使用方法和AutoCompleteTextView的使用基本一致,不再赘述,具体代码参照下图。

以下是源代码:

//.xml布局文件里设置一个MultiAutoCompleteTextView控件的代码:

    android:id="@+id/multiAutoCompleteTextView"

    android:layout_width="match_parent"

    android:layout_height="wrap_content"

    android:hint="请输入要发送的对象"/>

在MainActivity.class代码:

public class MainActivityextends AppCompatActivity {

    private MultiAutoCompleteTextViewmultiAutoCompleteTextView;

    private ArrayAdapterarrayAdapter1;

    private Stringdata1[] = {"23454543@qq.com", "23434566@qq.com", "3454654656@qq.com", "3454654@qq.com"};

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);

        multiAutoCompleteTextView = findViewById(R.id.multiAutoCompleteTextView);

        arrayAdapter1 =new ArrayAdapter<>(this, android.R.layout.simple_list_item_1, data1);

        multiAutoCompleteTextView.setAdapter(arrayAdapter1);

        multiAutoCompleteTextView.setTokenizer(new MultiAutoCompleteTextView.CommaTokenizer()); //指设置以逗号分隔符为结束的符号

    }

}

到此结束;

3.ImageView :显示图片

ImageView控件用来显示图片,和TextView显示文本一样功能简单。需要注意的是ImageView的两个属性的区别:android:src(指需要被显示的图片,原来的图片多大就会显示多大),而android:background(指控件背景,可以是颜色或图片,如果是图片,大小会受控件大小影响,可能会变形)。

4.button 按钮的监听三种方式

(1)匿名内部类

在括号内部new一个匿名监听器对象,然后直接重写方法onClick。这时运行app并点击登录按钮,从Log日志可见onClick事件被触发了:

查看Log日志方法见技能篇

(2)独立类

和匿名类相对的,在外部初始化一个有名字的监听器对象。

(3)监听接口方式

继承监听接口要在MainActivity类内重写方法onClick,此时用this就可以实现监听器的作用。

button小技巧

现在要把Button改成底色为橘色点击后闪现红色的按钮,下面通过改变按钮的样式的这个小例子介绍如何用drawable实现自定义图像。

step1:在drawable文件夹下新建xml文件,shape标签。

因为本例需要给按钮两个背景颜色,而shape是就是用于定义形状的。过程讲解见下图:

上图展示了在shape里常用的四个属性,这里给Button自定义前两个属性就可以。

step2.在drawable文件夹下新建xml文件,selector标签。

光有两个图形还不够,我们需要selector将两者联系在一起。过程讲解见下图:

step3.设置Button的background属性。

总的来说,android自定义控件样式在drawable文件夹下的XML文件中,然后通过设置控件的background属性达到效果。

5.ToggleButton :多状态按钮

ToggleButton是开关按钮,它有两种状态:选中和未选择状态。比如使用手机的手电筒,有开和关两种状态,分别对应不同的图标。ToggleButton有几个常用的属性:android:checked(当前按钮的状态,true表示当前处于选中状态,false表示未选中也是默认状态)、android:textOn(当被选中时按钮上的文本内容)、android:textOff(当未被选中时按钮上的文本内容)。现在下图这个布局就很容易理解了(我事先在drawable下放入了两张图标):

那么如何让图标和按钮同时变化呢?就需要ToggleButton的监听器OnCheckedChangeListener了。当选中ToggleButton时,触发onCheckedChanged事件并会返回一个布尔类型的参数ischecked,利用ischecked可以改变ToggleButton的选中状态从而改变ToggleButton显示的文本内容,还可以改变ImageView显示的背景图标。

6.CheckBox :复选框

CheckBox是个选框,有两种状态:选中和未选择状态,“复”说明它可以在这两个状态反复切换。CheckBox常用属性:android:checked(当前复选框的状态,true表示当前处于选中状态,false表示未选中也是默认状态)、android:text(复选框后文本内容)。CheckBox的监听器也是OnCheckedChangeListener。下面我们用CheckBox实现一道可多选的选择题:

用Log日志进行调试代码如下,我们希望在日志文件显示出被选中的CheckBox上的文本内容,先用getText()方法拿到复选框上的文本信息再通过toString()方法转换成string类型,就能实现了。

调试结果:

7.RadioButton :单选按钮

RadioButton也有选中和未选中的两个状态,但它和复选框CheckBox的区别是它选中后再点击不能改变状态,这有什么用处呢?其实RadioButton常常构成一个集合以RadioGroup的形式为我们所用,比如一道多选一的选择题,每组RadioGroup里只能有一个RadioButton被选中,如果想改变此时被选中的RadioButton的状态,只能通过选中其他RadioButton来实现。RadioGroup有个常用的属性:android:orientation(表示包含的RadioButton的排列方式,horizontal表示水平排列,vertical表示垂直排列)。

RadioGroup的监听器也是OnCheckedChangeListener,它们都和选中改变状态有关。关于OnCheckedChangeListener监听器也介绍了许多,相信大家一定能理解下图的代码含义了!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 213,047评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,807评论 3 386
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 158,501评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,839评论 1 285
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,951评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,117评论 1 291
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,188评论 3 412
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,929评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,372评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,679评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,837评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,536评论 4 335
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,168评论 3 317
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,886评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,129评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,665评论 2 362
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,739评论 2 351

推荐阅读更多精彩内容