AndroidUI组件4- ProgressBar、SeekBar、ImageView、TabHost

1. 进度条组件ProgressBar

通常用于向用户显示某个耗时操作完成的百分比。可以动态的显示进度，从而达到用户界面的友好性。

通过style属性可以为progressBar指定风格。



XML属性与说明

ProgressBar有两种方法来操作进度：
setProgress（int）：设置进度的完成的百分比。
incrementProgressBy(int ):设置进度条的增加与减少。当参数为正的时候为进度增加，负的时候为进度减少
ProgressBar的使用
试图：



XML文件：



</LinearLayout>
public class proessDemo extendsActivity {
ProgressBar bar = null;
int i = 0;
int barmax= 0;
Handler handler = newHandler();
public voidonCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.progressbar);
findViews();
}
private voidfindViews() {
bar =(ProgressBar) this.findViewById(R.id.bar2);
bar.setMax(1000);
barmax = bar.getMax();
newThread(new Runnable() {
publicvoid run() {
while(i < barmax) {
i =dowork();
handler.post(newRunnable() {
publicvoid run() {
bar.setProgress(i);
}
});
try{
Thread.sleep(50);
} catch(InterruptedException e) {
e.printStackTrace();
}
}
}
}).start();
}
public intdowork() {
return i+= 1;
}

2. 拖动条组件SeekBar

拖动条和进度条很相似，知识进度是通过颜色填充来显示进度完成的程度，而拖动条是则通过滑块的位置来识别标识。



Xml：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:orientation="vertical">

<TextView

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:text="seekbar演示"

/>

<SeekBar

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:max="1000"

android:id="@+id/seekbar"

/>

</LinearLayout>

public class SeekbarDemo extendsActivity
implements OnSeekBarChangeListener {

SeekBarseekbar = null;

protectedvoid onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

this.setContentView(R.layout.seekbar);

findViews();

}

privatevoid findViews() {

seekbar= (SeekBar) this.findViewById(R.id.seekbar);

seekbar.setOnSeekBarChangeListener(this);

}

publicvoid onProgressChanged(SeekBar seekBar, int progress,

booleanfromUser) {

}

publicvoid onStartTrackingTouch(SeekBar seekBar) {

Log.d("TAG",String.valueOf(seekbar.getProgress()));

}

publicvoid onStopTrackingTouch(SeekBar seekBar) {

Log.d("TAG",String.valueOf(seekbar.getProgress()));

}

}

3. 显示图像组件ImageView

ImageView是继承View的组件，主要功能是显示图片，并且任何的Drawable对象都可以使用ImageView来显示。
ImageView支持的XML属性和相关方法。



4. 标签组件 TabHost

TabHost组件，可以方便的放置多个标签页，每个标签页相当于获得了一个与外部容器相同大小的组件，通过这种方式就可以在一个容器里放置更多组件。
TabHost仅仅是一个简单的容器，可以通过一下两种方法来创建选项卡，添加选项卡。
1. newTabSpec（String tag）：创建

2. addTab(TabHost.TabSpectabSpec);添加选项卡；

使用TabHost的一般步骤为：

)1、在界面布局中定义TabHost组件，并为该组件定义该选项卡的内容，

)2、Activity应该继承TabActivity.

)3、调用TabActivity的getTabHost方法获取Tabhost对象。

)4、通过TabHost对象的方法来创建选项卡，添加选项卡；



public class Tab1 extendsTabActivity {
TabHost tabHost= null;
protectedvoid onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
tabHost = this.getTabHost();
LayoutInflaterinflater = LayoutInflater.from(this);
inflater.inflate(R.layout.tab1,tabHost.getTabContentView(),
true);

tabHost.addTab(tabHost.newTabSpec("tab1").setIndicator("拨号").setContent(R.id.tab1));
tabHost.addTab(tabHost.newTabSpec("tab2").setIndicator("通讯录").setContent(new Intent(this, Tab2.class)));
tabHost.addTab(tabHost.newTabSpec("tab3").setIndicator("收藏").setContent(new Intent(this, Tab3.class)));
}
}