Android开发者常见的UI组件总结大全_Android

textview 文本视图

设置字体大小：android:textsize="20sp" 用sp
设置颜色：android:textcolor="#00ffff"
设置倍距(行距)：android:linespacingmultiplier="2"
设置具体行距：android:linespacingextra="15sp" 与倍距只可取其一
过长文本的处理方式：
1.在外面添加滚动条，注意，一个滚动条里面只能添加一个子控件
2.省略过长部分，取消换行部分
省略过长部分：
1.android:singleline="true" 后面加省略号 android:ellipsize="middle" 设置省略号的位置
2.android:lines="1" 设置单行后面加句号

 <textview
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:textsize="20sp"
    android:textcolor="#00ffff"
    android:linespacingmultiplier="2"
    android:text="@string/long_text"/>

eg:跑马灯

跑马灯,一个页面只有一个跑马灯生效，因为它需要获取焦点
    android:ellipsize="marquee" 设置跑马灯形式
    android:focusable="true" 设置可以获取焦点
    android:focusableintouchmode="true" 设置在触摸时获取焦点
    android:marqueerepeatlimit="marquee_forever" 设置跑马灯时长

<textview
   android:layout_width="match_parent"
   android:layout_height="match_parent"
   android:textsize="20sp"
   android:textcolor="#00ffff"
   android:singleline="true"
   android:ellipsize="marquee"
   android:focusable="true"
   android:focusableintouchmode="true"
   android:marqueerepeatlimit="marquee_forever"
   android:text="@string/long_text"/>

string类中定义的长文本

<string name="long_text"> 洞穴昏暗潮湿，被植物发出的微弱荧光照亮。
　　石壁上缠绕着藤蔓，墨绿，深紫，浓黑，像大团的、纠缠的蛇。
　　一只黑色的飞虫跌跌撞撞闯入，它长着六只坚硬的翅膀，有三个口器。
　　下一秒，纠缠的藤蔓间忽然出现一个巨大的深紫色膨起，它迅速裂开，像张开了一张嘴，在下一刻瞬间合拢，将飞虫吞入腹中。
　　藤蔓群缓缓蠕动起来，膨起的那部分逐渐回收，恢复到原本的状态。
　　洞穴里响起仿佛翅膀扇动的声音，一滴粘液拖曳着半透明的细丝从洞穴顶端落下来，啪嗒一声落进地面黏腻的苔藓里，它们细微地蠕动起来，这滴闪光的粘液很快被吸收殆尽，在地面消失了踪影。
　　角落——被绿色真菌发出的荧光照亮的角落。岩石与土壤的缝隙里，白色像潮水一样涌出来，覆盖了大片的区域，是雪白的菌丝。它生长，蔓延，伸出数以亿计的触角，最后向着中央蠕动而去，合拢，聚集，拉长，一个形体出现。一只脚踏上厚重软腻的苔藓，苔藓陷下去吞没了它，只露出雪白的脚踝。
　　安折看自己的脚踝——属于人类的肢体，由骨架、肌肉和血管支撑起来的肢体，关节可以活动，但因骨骼的限制并不灵活。角质层构成指甲，圆润透明，是退化的产物，来自兽类锋利的爪尖。
　　他抬起腿，迈出一步，先前因被踩而凹陷的苔藓湿凉且富有弹性，在他离开后重新聚拢起来，像竖立的蚯蚓。
　　这一次，他脚下踩到了别的东西，是一具人类骨骼的手臂。
　　昏暗中，安折望向那具骷髅。
    </string>

imageview

android:adjustviewbounds：设置imageview是否调整自己的边界来保持所显示图片的长宽比。
android:maxheight：设置imageview的最大高度。
android:maxwidth：设置imageview的最大宽度。
android:scaletype：设置所显示的图片如何缩放或移动以适应imageview的大小。

•matrix：使用matrix方式进行缩放。
•fitxy：横向、纵向独立缩放，以适应该imageview。
•fitstart:保持纵横比缩放图片，并且将图片放在imageview的左上角。
•fitcenter：保持纵横比缩放图片，缩放完成后将图片放在imageview的中央。
•fitend：保持纵横比缩放图片，缩放完成后将图片放在imageview的右下角。
•center：把图片放在imageview的中央，但是不进行任何缩放。
•centercrop：保持纵横比缩放图片，以使图片能完全覆盖imageview。
•centerinside：保持纵横比缩放图片，以使得imageview能完全显示该图片。

android:src：设置imageview所显示的drawable对象的id。

imagebutton

imagebutton继承与imageview；

button可以显示图片也可以显示文本，而imagebutton只能显示图片；

imagebutton中的图片可以按比例缩放；

button只能设置一张图片，而imagebutton可以设置前景和背景两张图片重叠的效果

editview

<edittext
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginleft="30dp"
        android:layout_marginright="30dp"
        android:layout_margintop="20dp"
        android:background="@color/design_default_color_secondary"
        android:gravity="center"
        android:inputtype="number"
        android:maxlength="12"
        android:hint="账号"/>

    <edittext
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginleft="30dp"
        android:layout_marginright="30dp"
        android:layout_margintop="20dp"
        android:gravity="center_horizontal"
        android:background="@color/design_default_color_secondary"
        android:inputtype="textpassword"
        android:hint="密码"/>

button

checkbox 多选按钮

checkbox继承compoundbutton，是多选按钮。
android:checked设置按钮是否选中。

setoncheckedchangelistener(oncheckedchangelistener)来对多选按钮进行监听。
boolean ischecked() 判断当前按钮是否选中
void.setchecked(boolean checked) 设置按钮是否勾选

 checkbox checkbox = findviewbyid(r.id.checkbox1);

        // 设置选中状态
        checkbox.setchecked(false);

        // checkbox.ischecked() 获取选中状态
        boolean ischecked = checkbox.ischecked();

        log.e("ischecked","当前复选框选中状态："+ischecked);

        // 监听状态变化 setoncheckedchangelistener() 方法
        checkbox.setoncheckedchangelistener(new compoundbutton.oncheckedchangelistener() {
            @override
            public void oncheckedchanged(compoundbutton buttonview, boolean ischecked) {
                log.e("ischecked","当前复选框选中状态："+ischecked);
            }
        });

radiobutton 单选按钮

单选控件和 radiogroup 一起使用，在一个 radiogroup 中只能选中一个

android:checkedbutton指定初始选项。

radiogroup 添加监听器：setoncheckedchangelistener（oncheckedchangelistener）

<?xml version="1.0" encoding="utf-8"?>
<linearlayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".radiobuttonactivity">
   
    <radiogroup
        android:layout_width="match_parent"
        android:layout_height="400dp"
        android:background="@color/cardview_shadow_start_color">
        <radiobutton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="111"/>

        <radiobutton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="222"/>

        <radiobutton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="333"/>

        <radiobutton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="444"/>
    </radiogroup>

</linearlayout>

radiogroup = findviewbyid(r.id.radiogroupid);
        radiogroup.setoncheckedchangelistener(new radiogroup.oncheckedchangelistener() {
            @override
            // checkedid 是选中的 radiobutton 的id
            public void oncheckedchanged(radiogroup group, int checkedid) {
                // 找到选中的 radiobutton
                radiobutton radiobutton = findviewbyid(checkedid);
                toast.maketext(radiobuttonactivity.this, "当前选中的单选项："+radiobutton.gettext(), toast.length_short).show();
            }
        });

togglebutton 开关触发器

<togglebutton
        android:id="@+id/togglebutton1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:textoff="关闭了"
        android:texton="打开了"
        android:checked="true"
        android:text="togglebutton" />

seekbar 滑动条

android:max=“255” （最大的滑动值，从0开始）

android:progress=“255”（初始时滑动条的位置）

<seekbar
    android:id="@+id/seekbar"
    android:max="100"
    android:progress="30"
    android:layout_width="match_parent"
    android:layout_height="wrap_content" />

public class radiobuttonactivity extends appcompatactivity {

    @override
    protected void oncreate(bundle savedinstancestate) {
        super.oncreate(savedinstancestate);
        setcontentview(r.layout.activity_radio_button);
       
        seekbar seekbar = findviewbyid(r.id.seekbar);
        // 设置最大值
        seekbar.setmax(50);
        // 设置当前进度
        seekbar.setprogress(40);
        seekbar.setonseekbarchangelistener(new seekbar.onseekbarchangelistener() {
            // 进度改变时（过程中）的回调方法
            @override
            public void onprogresschanged(seekbar seekbar, int progress, boolean fromuser) {
                log.e("seekbar change","当前seekbar的进度："+progress);

            }

            // 开始时回调的方法
            @override
            public void onstarttrackingtouch(seekbar seekbar) {
                log.e("seekbar开始了","当前seekbar的进度："+seekbar.getprogress());

            }

            // 结束时回调的方法
            @override
            public void onstoptrackingtouch(seekbar seekbar) {
                log.e("seekbar结束了","当前seekbar的进度："+seekbar.getprogress());
            }
        });
    }
}

progressbar 进度条

<?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:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".progressbaractivyty">
    <!--
    progressbar 的默认形式是转圈圈
    style="?android:attr/progressbarstylehorizontal" style 设置风格
    android:max="100"  进度条的最大值
    android:indeterminate="true" 永恒滚动
    android:progress="10" 已完成进度
    -->
    <progressbar
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>
    <progressbar
        android:layout_width="300dp"
        android:layout_height="wrap_content"
        android:progress="10"
        android:max="100"
        style="?android:attr/progressbarstylehorizontal"/>
    <progressbar
        android:id="@+id/progress"
        android:layout_width="300dp"
        android:layout_height="wrap_content"
        android:progress="10"
        android:max="100"
        android:indeterminate="true"
        style="?android:attr/progressbarstylehorizontal"/>
    <progressbar
        android:id="@+id/progress1"
        android:layout_width="300dp"
        android:layout_height="wrap_content"
        android:max="100"
        style="?android:attr/progressbarstylehorizontal"/>

</linearlayout>

public class progressbaractivyty extends appcompatactivity {
    @override
    protected void oncreate(bundle savedinstancestate) {
        super.oncreate(savedinstancestate);
        setcontentview(r.layout.activity_progress_bar);
        progressbar progressbar1 = findviewbyid(r.id.progress1);
        // 设置progressbar进度
        // progressbar1.setprogress(80);
        // 通过代码控制进度--- 利用线程
        // 但是在android 4.0 之后不能在线程中直接操纵控件，会崩溃。progressbar是一个特例
        new thread(){
            public void run(){
                for (int i = 1; i <= 100 ; i++) {
                    progressbar1.setprogress(i);
                    try {
                        // 休眠一下
                        thread.sleep(30);
                    } catch (interruptedexception e) {
                        throw new runtimeexception(e);
                    }
                }
            }
        }.start();
    }
}

共有属性

margin: 外边距，控件的外部边缘距离其父容器边缘的距离
padding: 内边距，控件内部的控件距离它边缘的边距
gravity:控件内部的控件相对于它的位置
layout_gravity:控件本身相对于父容器的位置
visibility: 可见状态 gone(不可见也不保留位置) visible(可见) invisible(不可见但保留位置)