码迷,mamicode.com
首页 > 移动开发 > 详细

Android 自学之拖动条SeekBar

时间:2014-06-04 22:58:05      阅读:451      评论:0      收藏:0      [点我收藏+]

标签:des   android   c   style   class   blog   

拖动条(SeekBar)和进度条非常相似,只是进度条采用颜色填充来表明进度完成的程度,而拖动条则通过滑块的位置来标识数值----而且拖动条允许用户拖动滑动块来改变值,因此拖动条通常用于对系统的某种数值进行调节,比如音量调节。

SeekBar允许用户改变拖动条的滑块外观,改变滑块外观通过如下属性来指定

android:thumb  指定一个Drawable对象,该对象将作为自定义滑块。

为了让程序能响应拖动条滑块位置的改变,程序可以考虑为他绑定一个OnSeekBarChangerListener监听器。

通过一个实例:通过滑动块来改变图片的透明度,来看看SeekBar。

Layout/main.xml

bubuko.com,布布扣
 1 <?xml version="1.0" encoding="utf-8"?>
 2 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 3     android:orientation="vertical"
 4     android:layout_width="fill_parent"
 5     android:layout_height="fill_parent"
 6     >
 7 <ImageView 
 8     android:id="@+id/image"
 9     android:layout_width="fill_parent" 
10     android:layout_height="240px" 
11     android:src="@drawable/lijiang"
12     />
13 <!-- 定义一个拖动条,并改变它的滑块外观 -->
14 <SeekBar 
15     android:id="@+id/seekbar"
16     android:layout_width="fill_parent" 
17     android:layout_height="wrap_content" 
18     android:max="255"
19     android:progress="255"
20     android:thumb="@drawable/ic_launcher"
21     />
22 </LinearLayout>
bubuko.com,布布扣

上面的界面布局代码中定义了两个组件:ImageView,SeekBar;SeekBar中thumb我使用了应用图标做了滑动块,下面我们看看主程序里面为滑动块添加的事件监听器

主程序:com.example.seekbar.SeekBarTest.java

bubuko.com,布布扣
 1 package com.example.seekbar;
 2 
 3 import android.support.v7.app.ActionBarActivity;
 4 import android.support.v7.app.ActionBar;
 5 import android.support.v4.app.Fragment;
 6 import android.os.Bundle;
 7 import android.view.LayoutInflater;
 8 import android.view.Menu;
 9 import android.view.MenuItem;
10 import android.view.View;
11 import android.view.ViewGroup;
12 import android.widget.ImageView;
13 import android.widget.SeekBar;
14 import android.widget.SeekBar.OnSeekBarChangeListener;
15 import android.os.Build;
16 
17 public class SeekBarTest extends ActionBarActivity {
18 
19     @Override
20     protected void onCreate(Bundle savedInstanceState) {
21         super.onCreate(savedInstanceState);
22         setContentView(R.layout.main);
23         
24         final ImageView image = (ImageView)findViewById(R.id.image);
25         SeekBar seekBar = (SeekBar)findViewById(R.id.seekbar);
26         
27         seekBar.setOnSeekBarChangeListener(new OnSeekBarChangeListener() {
28             
29             @Override
30             public void onStopTrackingTouch(SeekBar seekBar) {
31             }
32             
33             @Override
34             public void onStartTrackingTouch(SeekBar seekBar) {
35             }
36             
37             //当拖动条的滑块位置发生改变时触发该方法
38             @Override
39             public void onProgressChanged(SeekBar arg0, int arg1, boolean arg2) {
40                 image.setAlpha(arg1);
41             }
42         });
43     }
44 }
bubuko.com,布布扣

运行后的效果图:

bubuko.com,布布扣

拉动后滑动块后的效果:

bubuko.com,布布扣

 

 

Android 自学之拖动条SeekBar,布布扣,bubuko.com

Android 自学之拖动条SeekBar

标签:des   android   c   style   class   blog   

原文地址:http://www.cnblogs.com/Yang-jing/p/3759276.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!