android自定义seekBar
Android中自定义SeekBar的背景颜色,进度条颜色,以及滑块的图片
本文引用地址:https://www.eepw.com.cn/article/201609/305005.htm在Android中的控件种类已经足够我们使用,但是有时候大家需要根据美工的设计来改变一些控件的颜色,式样,以及背景图片
最近正好有这方面的需要,用了很久时间,找到了改变基本颜色以及图片的方法。
下面以SeekBar为例,为大家描述一下我的做法
首先在layout文件夹中的main.xml内容如下
android:layout_height=fill_parent
android:layout_height=wrap_content android:max=100
android:progress=50 android:progressDrawable=@drawable/seekbar_img
android:thumb=@drawable/thumb />
很简单,只有一个SeekBar控件,注意它的 android:progressDrawable=@drawable/seekbar_img
以及 android:thumb=@drawable/thumb
它们分别对应的是进度条的图片以及拖动滑块的图片,这里的图片也可以是我们自定义的drawable中的xml文件,可以理解成这两个属性应该如何显示的意思,而 @drawable/seekbar_img和@drawable/thumb它们分别对应着 drawable 文件夹中的文件seekbar_img.xml和thumb.xml,它们表示着如何去显示进度条与滑块
第一步:定义Activity
在main.xml文件中加上一个SeekBar和一个TextView
android:orientation=vertical
android:layout_width=fill_parent
android:layout_height=fill_parent
>
android:id=@+id/seekbar
android:layout_width=fill_parent
android:layout_height=wrap_content
android:progressDrawable=@drawable/seekbar_img
android:thumb=@drawable/thumb
>
android:id=@+id/edit
android:layout_width=fill_parent
android:layout_height=wrap_content
>
第二步:编写Activity
package com.gufengxiachen.counter;
import android.app.Activity;
import android.os.Bundle;
import android.widget.SeekBar;
import android.widget.SeekBar.OnSeekBarChangeListener;
import android.widget.TextView;
public class CounterActivity extends Activity {
//定义一个SeekBar和一个TextView
private SeekBar seekBar;
private TextView textView;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
//根据ID值取得SeekBar对象
seekBar = (SeekBar)findViewById(R.id.seekbar);
seekBar.setMax(100);
//为SeekBar设置监听器(这里使用匿名内部类)
seekBar.setOnSeekBarChangeListener(new OnSeekBarChangeListener(){
//复写OnSeeBarChangeListener的三个方法
//第一个时OnStartTrackingTouch,在进度开始改变时执行
@Override
public void onStartTrackingTouch(SeekBar seekBar) {
// TODO Auto-generated method stub
}
//第二个方法onProgressChanged是当进度发生改变时执行
@Override
public void onProgressChanged(SeekBar seekBar, int progress,
boolean fromUser) {
// TODO Auto-generated method stub
textView = (TextView)findViewById(R.id.edit);
int i= seekBar.getProgress();
textView.setText(+i);
}
//第三个是onStopTrackingTouch,在停止拖动时执行
@Override
public void onStopTrackingTouch(SeekBar seekBar) {
// TODO Auto-generated method stub
textView = (TextView)findViewById(R.id.edit);
int i= seekBar.getProgress();
textView.setText(+i);
}
});
}
}
评论