UI组件之ProgressBar及其子类(二)SeekBar拖动条和RatingBar星级评分条的使用

拖动条采用拖动滑块的位置来表示数值

SeekBar的常用xml属性值:

重要的android:thumb制定一个Drawable对象,改变滑块外观

通过滑块来改变图片的透明度:

main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/root"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <ImageView
        android:id="@+id/imageView1"
        android:layout_width="wrap_content"
        android:layout_height="300dp"
        android:src="@drawable/lijiang" />
<!--  android:thumb 是滑块的图片, android:progressDrawable是滑条的图片 -->
    <SeekBar
        android:id="@+id/seekBar1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="20dp"
        android:max="255"
        android:progress="255"
        android:thumb="@drawable/ic_launcher" />

    <TextView
        android:id="@+id/textView1"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"

        android:textSize="25dp" />

    <TextView
        android:id="@+id/textView2"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"

        android:textSize="25dp" />

</LinearLayout>

MainActivity.java

package com.example.seekbartest;

import android.app.Activity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.widget.ImageView;
import android.widget.SeekBar;
import android.widget.SeekBar.OnSeekBarChangeListener;
import android.widget.TextView;

public class MainActivity extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
       final ImageView image =(ImageView) findViewById(R.id.imageView1);
       SeekBar seekbar=(SeekBar) findViewById(R.id.seekBar1);
       final TextView textView1 = (TextView) this.findViewById(R.id.textView1);
       final TextView textView2 = (TextView) this.findViewById(R.id.textView2);
       //设置拖动条的状态改变监听器
       seekbar.setOnSeekBarChangeListener(new OnSeekBarChangeListener(){
         //当拖动条的滑块位置发生改变时触发该方法
		@Override
		public void onProgressChanged(SeekBar seekBar, int progress,
				boolean fromUser) {
			// TODO Auto-generated method stub
			image.setAlpha(progress);//设置图片透明度
			textView1.setText("当前值:"+progress);
		}

		@Override
		public void onStartTrackingTouch(SeekBar seekBar) {
			// TODO Auto-generated method stub
			textView2.setText("拖动中...");
		}

		@Override
		public void onStopTrackingTouch(SeekBar seekBar) {
			// TODO Auto-generated method stub
			textView2.setText("拖动完毕");
		}

       });
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.main, menu);
        return true;
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        // Handle action bar item clicks here. The action bar will
        // automatically handle clicks on the Home/Up button, so long
        // as you specify a parent activity in AndroidManifest.xml.
        int id = item.getItemId();
        if (id == R.id.action_settings) {
            return true;
        }
        return super.onOptionsItemSelected(item);
    }
}

自定义拖动条比较好,留着以后借鉴:http://blog.csdn.net/imdxt1986/article/details/7609164

星级评分条的常用xml属性:

android:isIndicator:设置该评分条是否允许用户改变(true为不允许修改)

android:numStars:设置总共有多少个星级

android:rating设置星级评分条默认的星级

android:stepSize设置没吃最少需要改变多少个星级,0.5半个星星,1就是1个星星

使用星级评分改变图片透明度:

main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/root"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <ImageView
        android:id="@+id/imageView1"
        android:layout_width="wrap_content"
        android:layout_height="300dp"
        android:src="@drawable/lijiang" />

    <RatingBar
        android:id="@+id/ratingBar1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:max="255"
        android:numStars="6"
        android:progress="255"
        android:stepSize="0.5" />

</LinearLayout>

MainActivity.java

package com.example.ratingbartest;
import android.app.Activity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.widget.ImageView;
import android.widget.RatingBar;
import android.widget.RatingBar.OnRatingBarChangeListener;
import android.widget.SeekBar;

public class MainActivity extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        final ImageView image =(ImageView) findViewById(R.id.imageView1);
        RatingBar bar=(RatingBar) findViewById(R.id.ratingBar1);
       //设置星级评论条状态改变监听器
        bar.setOnRatingBarChangeListener(new OnRatingBarChangeListener(){

			@Override
			public void onRatingChanged(RatingBar ratingBar, float rating,
					boolean fromUser) {
				// TODO Auto-generated method stub
				image.setAlpha((int)(rating*255/6));//设置图片透明度
			}

        });
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.main, menu);
        return true;
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        // Handle action bar item clicks here. The action bar will
        // automatically handle clicks on the Home/Up button, so long
        // as you specify a parent activity in AndroidManifest.xml.
        int id = item.getItemId();
        if (id == R.id.action_settings) {
            return true;
        }
        return super.onOptionsItemSelected(item);
    }
}

时间: 2024-12-28 01:05:00

UI组件之ProgressBar及其子类(二)SeekBar拖动条和RatingBar星级评分条的使用的相关文章

Android 学习笔记(6)—— SeekBar(进度条)/RatingBar(星级评分条)

作者:夏至  欢迎转载,也请保留这段申明,谢谢 1.SeekBar(进度条) SeekBar即所谓的进度条啦,大家应该对它都不陌生,我们的音乐播放器中的音量调节和视频播放时的进度条都是用它来显示的,这里我们简单的应用这个Demo实现上诉的内容.先来看个效果图和API中的关系图 可以看到第二个继承关系图中,seekbar是属于progressbar的子类,那我们上一节progressbar中的属性,这里都是可以调用的. Ok,这里我们先来写布局程序 <TextView     android:id

UI组件之ImageView及其子类(二)ImageButton ,ZoomButton

从ImageButton这个字面意思上来看,它是一个图片按钮,那么我们就可以使用它做一个我们想要的图片按钮了,但是我们在实际使用的过程当中,就会发现该按钮的使用并没有想像中的那么简单,需要再增加一些代码或再配置XML才能实现图片按钮按下的效果 ImageButton 还直接派生了ZoomButton组件,只是Android默认提供了btn_minus,btn_plus两个Drawable资源,只要为ZoomButton的android:src属性分别指着两个android提供的资源,即可实现"放

UI组件:TextView及其子类

TextView(文本框) 一.TextView作用类似于JLable用于在界面上显示文本  二.TextView没有边框,如果需要边框可以导入背景框的图片,背景框可以自定义为背景颜色渐变,四个角是圆角,边框图片可以在xml文件中定义,将文件放在drawable文件夹内. EditText(编辑框) 一.EditText是TextView的子类,可以接受用户的输入,并且可以指定用户的输入类型(inputType) Button(按钮) 一.Button生成一个按钮供用户点击触发Onclick事件

UI组件之AdapterView及其子类(五)ListView组件和ListActivity

ListView组件是一个显示组件,继承AdapterView基类,前面已经介绍了分别使用ArrayAdapter,SimpleAdapter,扩展BaseAdapter来为LisView提供列表项http://blog.csdn.net/tuke_tuke/article/details/50527018.在当中都要在xml文件里定义ListView组件,然后再Activity.java文件里通过findViewById获取组件设置定义好的adapter就可以. 可是ListActivity是

UI组件之ImageView及其子类(一)ImageView显示图片

ImageView家族的继承关系如图: ImageView继承自View组件,它的主要功能室显示图片,还可以显示Drawable对象. ImageView直接子类是ImageButton,QuickContactBadge,间接子类是ZoomButton,因此ImageView 的所有XML属性,方法,基本上都可以用于ImageButton,ZoomButton ImageView的XML 属性如下: android:adjustViewBounds:是否调整自己的边界来保持所显示的图片长宽比.

UI组件之AdapterView及其子类(四)Gallery画廊控件使用

听说 Gallery如今已经不使用了,API使用ViewPaper取代了,以后再学专研ViewPaper吧如今说说Gallery画廊,就是不停显示图片的意思 Gallery是用来水平滚动的显示一系列项目.Gallery组件能够横向显示一个图像列表,当单击当前图像的后一个图像时,这个图像列表会向左移动一格,当单击当前图像的前一个图像时,这个图像列表会向右移动一样. 也能够通过拖动的方式来向左和向右移动图像列表在使用Gallery的时候,我们应指定他的背景.不然它的项目会紧凑的贴在一起.不会产生画廊

UI组件之AdapterView及其子类(三)Spinner控件具体解释

Spinner提供了从一个数据集合中高速选择一项值的办法. 默认情况下Spinner显示的是当前选择的值.点击Spinner会弹出一个包括全部可选值的dropdown菜单或者一个dialog对话框,从该菜单中能够为Spinner选择一个新值. 这篇文章中我将讨论 1.Spinner的基本使用方法 2.Spinner的xml属性 3.设置Spinner的Adapter (antries属性,arrayadapter 和自己定义BaseAdapter) 最简单的Sipnner使用方法是使用spinn

UI组件之TextView及其子类(三)ToggleButton和Switch

ToggleButton.Switch.CheckBox和RadioButton都是继承自android.widget.CompoundButton,意思是可选择的,因此它们的用法都很类似.CompoundButton有两个状态,分别是checked和not checked. ToggleButton的属性: Switch组件的属性: android:thumb是选中时的背景 例:开关按钮控制布局方向 main.xml <?xml version="1.0" encoding=&

UI组件之TextView及其子类(五)计时器Chronometer

Chronometer直接继承了TextView组件,它会显示一段文本,显示从某个其实时间开始,一共过了多长时间.我们看Chronometer的源码: 可以看出计时器是直接继承了TextView,当然可以用TextView的所有属性和方法.同时及时其还有自己的内部接口OnChronometerTickListener 计时器的新增属性和方法: 计时器的常用方法如下: setBase(long base):设置计时器的起始时间 setFormat(String format) :设置显示时间的格式