一步一步学android控件(之二十五)—— SeekBar

原创 2013年12月02日 09:07:43

SeekBar扩展自ProgressBar——在ProgressBar的基础上添加了一个用户可以拖拽的thum。 SeekBar.OnSeekBarChangeListener是接收SeekBar进度改变的监听器。

SeekBar的使用方法类似于ProgressBar,今天主要通过自定义SeekBar的样式来学习SeekBar。自定义SeekBar样式有一点与ProgressBar不同——自定义部分需要两部分android:progressDrawable="@drawable/seek_bar_style" 和android:thumb="@drawable/seek_bar_thum" 。 android:progressDrawable 用于指定水平长条的样式,android:thumb用于指定thum的样式。下图为最后的样式:


1、seek_bar_style.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >

    <item android:id="@android:id/background">
        <shape>
            <corners android:radius="10dip" />

            <gradient
                android:centerColor="#ffBBBBBB"
                android:endColor="#ffCC66FF"
                android:startColor="#ffDDDDDD" />
        </shape>
    </item>
    <item android:id="@android:id/secondaryProgress">
        <clip>
            <shape>
                <corners android:radius="10dip" />

                <gradient
                    android:centerColor="#ffffb600"
                    android:endColor="#ffffcb00"
                    android:startColor="#ffffd300" />
            </shape>
        </clip>
    </item>
    <item android:id="@android:id/progress">
        <clip>
            <shape>
                <corners android:radius="10dip" />

                <gradient
                    android:centerColor="#ff00ff00"
                    android:endColor="#ffffffff"
                    android:startColor="#3fF0ff30" />
            </shape>
        </clip>
    </item>

</layer-list>
2、seek_bar_thum.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">
    <corners
        android:radius="10dip"></corners>
    <gradient
        android:startColor="#FFff0000"
        android:centerColor="#ff00FF00"
        android:endColor="#ff003dff"
        android:type="sweep"
        android:centerX="50%"
        android:centerY="50%"></gradient>
    <size android:width="20dip"
        android:height="20dip"/>

</shape>
3、activity——WidgetSeekBarActivity,内容很简单

package com.xy.zt.selfdefinewieget;

import android.app.Activity;
import android.os.Bundle;

public class WidgetSeekBarActivity extends Activity {
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.widget_seek_bar_layout);
    }

}

4、在ViewData.java中添加如下内容(此部分内容可选)

public static final int SEEK_BAR_ID = RATING_BAR_ID + 1;
    public static final String SEEK_BAR_NAME = "SeekBar";
private static final ViewData mSeekBar = new ViewData(SEEK_BAR_NAME,
            SEEK_BAR_ID);
View_Datas.add(mSeekBar);
在WidgetsAdapter的handleItemClicked中添加如下内容

case ViewData.SEEK_BAR_ID:
                intent.setClass(mContext, WidgetSeekBarActivity.class);
                mContext.startActivity(intent);
                break;

以上为SeekBar控件的全部内容,下一个控件 QuickContactBadge。


一步一步学android之基本控件——CheckBox组件

昨天讲了单选按钮,今天说下复选框CheckBox,它的主要功能是完成复选框的操作,当用户输入信息时,可以一次性选择多个内容,例如你喜欢吃什么水果,结果可能是多种,这个时候就可以用复选框来实现逻辑。此类...

一步一步学android控件(之二十六)—— QuickContacBadge

QuickContacBadge译为联系人快捷标识,用于显示一张图片,点击该图后弹出相关的快捷功能,如打电话、发短信等。 QuickContacBadge提供了三个方法指定联系人的信息: 1、assi...

一步一步学android控件(之五) —— AutoCompleteTextView

android 控件众多 , 额 , 具体多少个呢? 貌似有那么几十个吧,也没做个统计,嘿嘿!...... 有木有朋友感觉写了那么长时间的android代码,有时候想写点自己的东西的时候却发现自己好像...

一步一步学android控件(之十六)—— CheckBox

根据使用场景不同,有时候使用系统默认的CheckBox样式就可以了,但是有时候就需要自定义CheckBox的样式。今天主要学习如何自定义CheckBox样式。在CheckBox状态改变时有时需要做一些...

一步一步学android控件(之三) —— Button

android 控件众多 , 额 , 具体多少个呢? 貌似有那么几十个吧,也没做个统计,嘿嘿!...... 有木有朋友感觉写了那么长时间的android代码,有时候想写点自己的东西的时候却发现自己好...

一步一步学android之基本控件——ImageView和ImageButton组件

今天要说的这两个组件比较简单,所以ImageButton和ImageView就放在这一篇文章中一起说了,首先说下ImageView,它的主要功能就是为图片展示提供一个容器,定义如下:  今天...

一步一步学android控件(之二十一)—— ListView & ExpandableListView

关于ListView的使用可参见一步一步学android控件(之一) —— 开始篇 ,主要学ExpandableListView。 ExpandableListView是一个二级列表,每一个组(Gro...

一步一步学android之控件篇——ListView自定义显示数据格式

上一篇博客说了ListView的基本使用,这篇将是对ListView的使用进行一个提高,在日常生活中,如果单单给你看一些图片,你可能都不知道这个图片表达的什么意思,但是要是在图片旁边写的备注或者加个名...

一步一步学android控件(之七) —— Toast

今天学习的控件是Toast 。 Toast 可以说是android开发中最方便的提示方式了。今天主要学习如何自定义一个Toast控件(自定义的Toast不是那么美观,凑合着用吧^_^)。 先来看看效果...

一步一步学android控件(之六) —— MultiAutoCompleteTextView

今天学习的控件是MultiAutoCompleteTextView 。 提到MultiAutoCompleteTextView 我们就自然而然地想到AutoCompleteTextView ,就想知道...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:一步一步学android控件(之二十五)—— SeekBar
举报原因:
原因补充:

(最多只允许输入30个字)