美文网首页
Android 简单控件

Android 简单控件

作者: 北思南 | 来源:发表于2019-11-29 11:34 被阅读0次

本文介绍的控件:

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监听器也介绍了许多,相信大家一定能理解下图的代码含义了!

相关文章

网友评论

      本文标题:Android 简单控件

      本文链接:https://www.haomeiwen.com/subject/dgiwwctx.html