android中的高级组件（一）（progressBar,SeekBar,RatingBar,ScrollView,HorizontalScrollView,AutoCompleteTextView）

最新推荐文章于 2022-08-18 16:55:21 发布

Dr_abandon新秀

最新推荐文章于 2022-08-18 16:55:21 发布

阅读量1.4k

点赞数

分类专栏： Android 文章标签： android 界面

本文链接：https://blog.csdn.net/dr_abandon/article/details/52836873

版权

Android 专栏收录该内容

79 篇文章 0 订阅

订阅专栏

ProgressBar

作用:当应在后台执行时,前台界面不会有任何信息,这时用户根本不知道程序是否在执行,以及执
行进度等,因些需要使用进度条来提示程序执行的进度.在Android中进度条使用ProgressBar表
示.用于身用户显示某个耗时操作完成的百分比。

常用属性：
1. android:max 设置进度条的最大值
2. android:progress 用于指定进度条的已完成的进度值
3. android:progressDrawable 用于设置进度条的轨道绘制形式

对应get与set方法
Max：最大进度
setProgress()设置当前的进度，必须手动在代码中设置
做了UI处理，可以直接在UI子线程中处理

示例图如下：

这里写图片描述


public class MainActivity extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        final ProgressBar pb = (ProgressBar) findViewById(R.id.pb1);
        final TextView tv = (TextView) findViewById(R.id.tv);
        pb.setMax(200);
        pb.setProgress(0);
        new Thread() {
            public void run() {
                // 模拟耗时任务
                int index = 0;
                while (index++ < 200) {
                    try {
                        Thread.sleep((int) (Math.random() * 200));
                    } catch (InterruptedException e) {
                        e.printStackTrace();
                    }
                    // 修改值
                    // 做了UI的处理，所以直接可以再子线程中修改UI
                    pb.setProgress(index);
                    // 需要使用UI线程
                    runOnUiThread(new Runnable() {

                        @Override
                        public void run() {
                            tv.setText(pb.getProgress() + "/" + pb.getMax());
                        }
                    });
                }

            };
        }.start();
    }

}


//xml的配置
<RelativeLayout 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"
    tools:context="com.xykj.id05_10_10.MainActivity" >

    <ProgressBar
        android:id="@+id/pb1"
        style="?android:attr/progressBarStyleHorizontal"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true" 
        android:layout_margin="10dp"/>

    <TextView
        android:id="@+id/tv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignRight="@id/pb1"
        android:layout_below="@id/pb1"
        android:padding="10dp"
        android:text="0/200" />

</RelativeLayout>

SeekBar 拖动条

跟ProgressBar一样，只是多了一个监听的方法
setOnSeekBarChangeListener

重写三个方法
    onStopTrackingTouch(SeekBar seekBar)
    拖拽完成后的方法
    onStartTrackingTouch(SeekBar seekBar)
    开始拖拽时，也就是用户刚好点上去的方法
    onProgressChanged(SeekBar seekBar, int progress,boolean fromUser)
    每次进度改变都会调用，fromUser是用来判断是否是用户改变的进度

获取系统服务
XXXManager manager = (XXXManager)Context.getSystemService(服务名称);

示例图如下

这里写图片描述

/**
 * 需要用他调节音量大小
 * 
 * @author Administrator
 *
 */

/**
 * 所有操作系统的 都需要Service系统服务
 * 
 * @author Administrator
 *
 */

public class MainActivity extends Activity {
    SeekBar seekBar;
    TextView tv;
    AudioManager manager;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        seekBar = (SeekBar) findViewById(R.id.seekBar1);
        tv = (TextView) findViewById(R.id.tv);
        seekBar.setOnSeekBarChangeListener(new OnSeekBarChangeListener() {

            @Override
            public void onStopTrackingTouch(SeekBar seekBar) {
                // 拖拽完毕
            }

            @Override
            public void onStartTrackingTouch(SeekBar seekBar) {
                // 开始拖拽时 用户刚好点上去
            }

            @Override
            public void onProgressChanged(SeekBar seekBar, int progress,
                    boolean fromUser) {
                // 每次进度改变都会调用
                // 是否是用户改变的呢？？？
                // if (fromUser) {
                tv.setText(progress + "/" + seekBar.getMax());
                // }
                // 拖动进度条，我需要改变音量
                // flags用来 需不需要声音 是否需要ui
                manager.setStreamVolume(AudioManager.STREAM_MUSIC, progress,
                        AudioManager.FLAG_SHOW_UI
                                | AudioManager.FLAG_PLAY_SOUND);

            }
        });
        // seekBar.setMax(200);
        // seekBar.setProgress(50);

        // 获取系统服务
        // 获取音频管理器
        manager = (AudioManager) getSystemService(Context.AUDIO_SERVICE);
        // 获取他的最大值 0-15
        int max = manager.getStreamMaxVolume(AudioManager.STREAM_MUSIC);
        seekBar.setMax(max);
        // 本来就有一个声量值
        int volumn = manager.getStreamVolume(AudioManager.STREAM_MUSIC);
        Log.e("TAG", volumn + "   ");
        seekBar.setProgress(volumn);
    }

    @Override
    public boolean onKeyUp(int keyCode, KeyEvent event) {
        if (keyCode == KeyEvent.KEYCODE_VOLUME_UP) {
            // ++
            seekBar.setProgress(seekBar.getProgress() + 1);
        } else if (keyCode == KeyEvent.KEYCODE_VOLUME_DOWN) {
            seekBar.setProgress(seekBar.getProgress() - 1);
        }
        return super.onKeyUp(keyCode, event);
    }
}


//xml中的配置
<RelativeLayout 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"
    tools:context="com.xykj.id05_10_10seekbar.MainActivity" >


    <SeekBar
        android:id="@+id/seekBar1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_below="@+id/textView1"
        android:layout_marginTop="152dp" />

    <TextView 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/tv"
        android:layout_below="@id/seekBar1"
        android:layout_alignRight="@id/seekBar1"
        android:text="0/15"
        />

   <RatingBar
        android:id="@+id/ratingBar1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_below="@+id/tv"
        android:layout_marginTop="51dp"
        android:numStars="6"
        android:rating="3" />
</RelativeLayout>

RatingBar

同上SeekBar，就是图像不一样

ScrollView

只能镶嵌一个View，一般镶嵌布局
滑动事件 view.fullScroll(ScrollView.FOCUS_DOWN); 必须放在post或者
onWindowFocusChange中

示例图如下

这里写图片描述

ublic class MainActivity extends Activity {

    ScrollView view;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        view = (ScrollView) findViewById(R.id.view);
        // 滑动到指定位置
        // 这个方法必须等待view完全显示
        // post 延迟操作
        int width = view.getWidth();
        Log.e("TAG", width + "  ");
        final long startTime = System.currentTimeMillis();
        // view在这里还并没有在完成
        view.post(new Runnable() {

            @Override
            public void run() {
                int width = view.getWidth();
                Log.e("TAG", width + "  "
                        + (System.currentTimeMillis() - startTime));
                view.fullScroll(ScrollView.FOCUS_DOWN);
            }
        });
    }
    //
    // @Override
    // public void onWindowFocusChanged(boolean hasFocus) {
    // super.onWindowFocusChanged(hasFocus);
    // view.fullScroll(ScrollView.FOCUS_DOWN);
    // }

}

//xml注意，必须把屏幕占满
<ScrollView 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:id="@+id/sv"
    tools:context="com.example.id05_10_11scrollveiw.MainActivity" >

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical" >

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_margin="50dp"
            android:text="@string/hello_world" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_margin="50dp"
            android:text="@string/hello_world" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_margin="50dp"
            android:text="@string/hello_world" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_margin="50dp"
            android:text="@string/hello_world" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_margin="50dp"
            android:text="@string/hello_world" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_margin="50dp"
            android:text="@string/hello_world" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_margin="50dp"
            android:text="@string/hello_world" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_margin="50dp"
            android:text="@string/hello_world" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_margin="50dp"
            android:text="@string/hello_world" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_margin="50dp"
            android:text="@string/hello_world" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_margin="50dp"
            android:text="@string/hello_world" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_margin="50dp"
            android:text="@string/hello_world" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_margin="50dp"
            android:text="@string/hello_world" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_margin="50dp"
            android:text="@string/hello_world" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_margin="50dp"
            android:text="@string/hello_world" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_margin="50dp"
            android:text="@string/hello_world" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_margin="50dp"
            android:text="@string/hello_world"
            android:textColor="@android:color/holo_blue_bright" />
    </LinearLayout>

</ScrollView>

HorizontalScrollView 水平滚动视图

HorizontalScrollView和ScrollView差不多，只是滚动方式为横向

AutoCompleteTextView自动完成文本框

AutoCompleteTextView继承与EditText，拥有EditText的所有属性和方法。

常用属性：
1. android:completionHint 用于弹出的下拉菜单指定提示标题
2. android:completionThreshold 用于指定用户至少输入几个字符才会显示提示
3. android:dropDownHeight 用于指定下拉菜单的高度
4. android:dropDownHorizontalOffset 用于指定下拉腰间与文本之间的水平偏移.下拉
腰间默认与文本左对齐
5. android:dropDownVerticalOffset 用于指定下拉腰间与文本之间的垂直领衔.下拉
菜单默认紧跟文本框
6. android:dropDownWidth 用于指定下拉菜单的宽度
7. android:popupBackground 用于为下拉菜单设置背景

示例图如下：

这里写图片描述

public class MainActivity extends Activity {

    // 数据源
    String[] data = { "zhangsan", "lisi", "wangwu", "zhaoliu", "tianqi",
            "wangba", "xiaojiujiu", "李四", "李五", "李六" };

    AutoCompleteTextView actv;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        // 显示
        actv = (AutoCompleteTextView) findViewById(R.id.actv);
        // 适配器
        ArrayAdapter<String> adapter = new ArrayAdapter<String>(this,
                R.layout.item_actv, R.id.tv, data);
        // 所有需要适配器的view
        actv.setAdapter(adapter);
    }

}

//主xml
<RelativeLayout 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"
    tools:context="com.example.lesson7_autocompletetextview.MainActivity" >

    <AutoCompleteTextView
        android:id="@+id/actv"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:completionThreshold="1"
        android:dropDownHeight="50dp"
        android:hint="输入手机号" />

</RelativeLayout>

//显示样式的xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center"
    android:orientation="horizontal" >

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/ic_launcher" />

    <TextView
        android:id="@+id/tv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" >
    </TextView>

</LinearLa

MultiAutoCompleteTextView 自动完成文本框

AutoCompleteTextView和MultiAutoCompleteTextView都需要通过适配器将数据绑定到组件上

MultiAutoCompleteTextView必须制定分隔符

setTokenizer(new MultiAutoCompleteTextView.CommaTokenizer())

示例图如下：

这里写图片描述

public class MainActivity extends Activity {

    MultiAutoCompleteTextView mactv;

    // 数据源
    String[] data = { "zhangsan", "lisi", "wangwu", "zhaoliu", "tianqi",
            "wangba", "xiaojiujiu", "李四" };
    ArrayAdapter<String> adapter;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        mactv = (MultiAutoCompleteTextView) findViewById(R.id.mactv);
        adapter = new ArrayAdapter<String>(this,
                android.R.layout.simple_list_item_1, data);
        mactv.setAdapter(adapter);
        // CommaTokenizer实现好了的 以逗号分隔
        mactv.setTokenizer(new MultiAutoCompleteTextView.CommaTokenizer());
    }

}

//xml中的配置
<RelativeLayout 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:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.example.lesson7_multiautocompletetextview.MainActivity" >

    <MultiAutoCompleteTextView
        android:id="@+id/mactv"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

</RelativeLayout>

Dr_abandon新秀

关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
android中的高级组件（一）（progressBar,SeekBar,RatingBar,ScrollView,HorizontalScrollView,AutoCompleteTextView）

ProgressBar作用:当应在后台执行时,前台界面不会有任何信息,这时用户根本不知道程序是否在执行,以及执行进度等,因些需要使用进度条来提示程序执行的进度.在Android中进度条使用ProgressBar表示.用于身用户显示某个耗时操作完成的百分比。常用属性： 1. android:max 设置进度条的最大值 2. android:progress 用于指定进度条的已完成的进度值
复制链接

扫一扫