（六）ImageView及其使用 SeekBar及其使用 RatingBar及其使用 ProcessingBar及其使用

最新推荐文章于 2020-12-12 09:38:52 发布
最新推荐文章于 2020-12-12 09:38:52 发布
阅读量1k 收藏
点赞数
分类专栏： 移动开发
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Enya00/article/details/18238135
版权

学习内容

（作为尝试，学习各位大拿，粘贴了完整版代码，初学者，程序应该还存在许多漏洞。仅作为个人记录，另外贴代码实在太长，考虑之后精简贴出，贴重点部分。）

1、ImageView

官方定义：展示图片用，图片的来源比较广泛，可以来字resources或者content provider，可用于提供图片的拉伸，缩放以及图片渲染。

示例用到的XML属性：android:adjustViewBounds 为true表示保持原比例不变；android:cropToPadding（android:scrollX/android:scrollY），使图像符合padding大小。

Android：scaleType 使得图像符合textview大小的方式（拉伸，缩放，等比例放大），贴代码：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <TextView
        android:id="@+id/text1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="scaleType:fitXY"/>
   
    <ImageView
        android:id="@+id/scale"
        android:layout_width="300dip"
        android:layout_height="100dip"
        android:src="@drawable/ic_launcher"
        android:scaleType="fitXY"
        android:background="#F00"/>
   
    <TextView
        android:id="@+id/text2"
        android:text="scaleType:Center"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>
   
    <ImageView
        android:id="@+id/scale2"
        android:src="@drawable/ic_launcher"
        android:layout_width="300dip"
        android:layout_height="150dip"
        android:adjustViewBounds="true"
        android:scaleType="center"
        android:background="#F00"/>
   
    <TextView
        android:id="@+id/text2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="scaleType:fitEnd"
        />
   
    <ImageView
        android:id="@+id/scale3"
        android:layout_width="300dip"
        android:layout_height="150dip"
        android:src="@drawable/ic_launcher"
        android:scaleType="fitEnd"
        android:background="#F00"/>
   
    <TextView
        android:id="@+id/text4"
        android:text="ScaleType:fitCenter"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        />
   
    <ImageView
        android:id="@+id/scale4"
        android:src="@drawable/ic_launcher"
        android:layout_width="300dip"
        android:layout_height="150dip"
        android:scaleType="fitCenter"
        android:background="#F00"/>
   
   
</LinearLayout>

 

 

2、SeekBar

官方定义：可拖拽式进度条，拖拽按钮可以自己上传图片，示例结果如下（40为当前进度，具体位置可以拖动）

 

贴示例代码：

1）.XML布局文件

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity"
    android:orientation="vertical"
    android:background="@color/color" >
   
    <SeekBar
        android:id="@+id/seekbar"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:maxHeight="12dip"
        android:minHeight="12dip"
        android:paddingLeft="18dip"
        android:paddingRight="18dip"
        android:thumb="@drawable/cut"/>
   
    <TextView
        android:id="@+id/textview"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"/>

</LinearLayout>

 

2）、.java文件，

值得注意的是OnSeekBarChangeListener有三个方法：onStartTrackingTouch（），

onProgressChanged（），onStopTrackingTouch（）需要进行完善,在监听器中将值传出到textview进行展示

 

package com.example.seekbar;

import android.app.Activity;
import android.os.Bundle;
import android.view.Menu;
import android.view.View.OnClickListener;
import android.widget.EditText;
import android.widget.SeekBar;
import android.widget.SeekBar.OnSeekBarChangeListener;
import android.widget.TextView;

public class MainActivity extends Activity {

 // 定义xml里的控件
 private SeekBar seekbar01;
 private EditText edittext01;
 private TextView textview01;

 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);
  // 获取组建的ID
  seekbar01 = (SeekBar) this.findViewById(R.id.seekbar);
  textview01 = (TextView) this.findViewById(R.id.textview);
  // 设置监听器
  seekbar01.setOnSeekBarChangeListener(new OnSeekBarChangeListener() {

   @Override
   public void onProgressChanged(SeekBar arg0, int arg1, boolean arg2) {
    // TODO Auto-generated method stub
    int i = seekbar01.getProgress();
    textview01.setText("" + i); /* 当需要char型却只有整型 */
   }

   @Override
   public void onStartTrackingTouch(SeekBar arg0) {
    // TODO Auto-generated method stub

   }

   @Override
   public void onStopTrackingTouch(SeekBar arg0) {
    // TODO Auto-generated method stub
    int i = seekbar01.getProgress();
    textview01.setText("" + i); /* 当需要char型却只有整型 */
   }

  });

 }

 @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;
 }
}

3、RatingBar

官方定义：类似ProgressBar 与SeekBar 用星级来显示进度、进展。可以点击选择进度，ratingBarStyleSmall以及ratingBarStyleIndicator不允许用户自己更改，只能作为指示器使用。星个数用android:setNumStars 设置，每次选择多少距离用android:stepSize设置。

ratingBarStyleSmall设置方法：在 XML中 style="?android:attr/ratingBarStyleSmall"，其中ratingBarStyleSmall在res/values/styles.xml设置。

代码：  

  <style name="ratingBarStyleSmall">
        <item name="android:stepSize">5</item>
        <item name="android:numStars">5</item>
    </style>

整体布局示例结果以及参考代码如下：

1）、XML布局文件

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity" >

    <!-- android:isIndicator="false"表示可以进行人工更改 -->

   <TextView
       android:id="@+id/textt1"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:text="ratingbar01"/>
  
    <RatingBar
        android:id="@+id/ratingbar1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:numStars="4"
        android:rating="2.5" />

    <TextView
        android:id="@+id/textt2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="ratingbar02"/>
    <RatingBar
        android:id="@+id/ratingbar2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:numStars="5"
        android:rating="5.0" />

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical" >

        <TextView
            android:id="@+id/textview1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />

        <RatingBar
            android:id="@+id/small"
            style="?android:attr/ratingBarStyleSmall"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="40dip"
            android:isIndicator="false" />
    </LinearLayout>

    <RatingBar
        android:id="@+id/indacator"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:isIndicator="false"
        android:numStars="6"
        android:stepSize="0.5" />
   
    <TextView
        android:id="@+id/text02"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>

</LinearLayout>

2）、.java文件

src/com.example.ratingbar/MainActivity.java代码如下

package com.example.ratingbar;

import android.app.Activity;
import android.os.Bundle;
import android.view.Menu;
import android.widget.RatingBar;
import android.widget.RatingBar.OnRatingBarChangeListener;
import android.widget.TextView;

//与seekbar有相同的父类：AbsSeekBar
public class MainActivity extends Activity {
 // 定义XML控件
 RatingBar ratingbar01;
 RatingBar ratingbar02;
 RatingBar small;
 RatingBar indacator;
 TextView textview01;
 TextView textview02;

 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);

  small = (RatingBar) this.findViewById(R.id.small);
  textview01 = (TextView) this.findViewById(R.id.textview1);
  indacator = (RatingBar) this.findViewById(R.id.indacator);
  ratingbar01 = (RatingBar) this.findViewById(R.id.ratingbar1);
  ratingbar02 = (RatingBar) this.findViewById(R.id.ratingbar2);
  textview02 = (TextView) this.findViewById(R.id.text02);

  // 给ratingbar加监听
  ratingbar01
    .setOnRatingBarChangeListener(new OnRatingBarChangeListener() {
     @Override
     public void onRatingChanged(RatingBar ratingBar,
       float rating, boolean fromUser) {
      // TODO Auto-generated method stub

      final int numStars = ratingbar01.getNumStars();
      textview01.setText(getString(R.string.rating_bar) + ""
        + rating + "/" + numStars);

      if (indacator.getNumStars() != numStars) {
       // 给indacator,以及small设置默认星级
       indacator.setNumStars(numStars);
       small.setNumStars(numStars);

      }

      if (indacator.getRating() != rating) {
       //把ratingbar01的进度赋给indacator以及small
       indacator.setRating(rating);
       small.setRating(rating);
      }

     }

    });

  ratingbar02
    .setOnRatingBarChangeListener(new OnRatingBarChangeListener() {

     @Override
     public void onRatingChanged(RatingBar ratingBar,
       float rating, boolean fromUser) {
      // TODO Auto-generated method stub
      final int numStar02 = ratingBar.getNumStars();  
      textview02.setText(getString(R.string.rating_bar) + ""
        + rating + "/" + numStar02);
     }
    });

 }

 @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;

 }

}

 

 

4、ProcessingBar

官方定义：某操作的虚拟进度指示器，可以告知用户已经完成百分比。示例中使用到了线程来展示进度

示例结果：（单击button开始进入）

1）、XML文件

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity"
    android:orientation="vertical" >

    <TextView
        android:id="@+id/text1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/hello_world"
        android:textColor="@color/red" />
   
    <ProgressBar
        android:id="@+id/ProgressBar1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:visibility="gone"
        />
   
    <Button
        android:id="@+id/Button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="请单击"/>

</LinearLayout>

2）、.java文件

 

package com.example.progressbar;

import android.app.Activity;
import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.view.Menu;
import android.view.View;
import android.widget.Button;
import android.widget.ProgressBar;
import android.widget.TextView;
import android.os.Message;

public class MainActivity extends Activity {

 // 新建并初始化xml里面的view，button，progressbar
 private TextView textview01 = null;
 private Button button01;
 private ProgressBar progressbar01;
 // 新建计数器
 private int intCounter = 0;

 // 自定义Handler信息作为识别时间处理
 private static final int ON_STOP = 0x108;
 private static final int ON_Go = 0x109;

 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);

  // 设置控件对象
  textview01 = (TextView) this.findViewById(R.id.text1);
  button01 = (Button) this.findViewById(R.id.Button1);
  progressbar01 = (ProgressBar) this.findViewById(R.id.ProgressBar1);
  // 滚动条的当前值自动在最小到最大值之间来回移动，设置indeterminate赋值false;
  progressbar01.setIndeterminate(false);
  // 单击按钮后开始运行线程工作
  button01.setOnClickListener(new Button.OnClickListener() {

   @Override
   public void onClick(View arg0) {
    // TODO Auto-generated method stub
    textview01.setText("正在加载中");
    progressbar01.setVisibility(View.VISIBLE);
    progressbar01.setMax(100);
    progressbar01.setProgress(0);
    // 新建Handler
    Handler myMessageHandler = new Handler() {
    };

    new Thread(new Runnable() {
     @Override
     public void run() {
      // TODO Auto-generated method stub
      // 默认0-4运行5次
      for (int i = 0; i < 5; i++) {
       // 加入异常处理
       try {
        // 识别加载进度
        intCounter = (i + 1) * 80;
        // 每运行一次暂停一秒
        Thread.sleep(1000);
        // 当运行2s后显示运行结果
        if (i == 2) {
         Message m = new Message();
         m.what = MainActivity.ON_STOP;
         MainActivity.this.myMessageHandler
           .sendMessage(m);
         break;
        }

        else {
         Message m = new Message();
         m.what = MainActivity.ON_Go;
         MainActivity.this.myMessageHandler
           .sendMessage(m);
        }
       } catch (Exception e) {
        // 在命令行打印异常信息在程序中出错的位置及原因
        e.printStackTrace();
       }
      };
      
     }
    }) {
    };
   }
  });
 }

 @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;
 }

 private Handler myMessageHandler = new Handler() {

  public void handlerMessage(Message m) {
   // message处理,分为go以及stop
   // 1、如果线程结束
   switch (m.what) {
   case MainActivity.ON_STOP:
    textview01.setText("运行完毕！");
    progressbar01.setVisibility(View.GONE);
    Thread.currentThread().interrupted();
    break;
   // 2、如果线程没有结束
   case MainActivity.ON_Go:
    // 显示进度
    progressbar01.setProgress(intCounter);
    textview01.setText("正在加载" + "(" + Integer.toString(intCounter)
      + "%)\n" + "Progress:"
      + Integer.getInteger(null, progressbar01.getProgress())
      + "\n" + "Indeterminate:"
      + Boolean.toString(progressbar01.isIndeterminate()));
    // 循环结束
    break;
   }

   super.handleMessage(m);
  }

 };

}

   
  

 

   
冰淇淋盾
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Processing入门简介
mysunnytime的专栏
11-13 1万+
Processing是一个为开发面向图形的应用（visually orientedapplication）而生的简单易用的编程语言和编程环境。本文将简洁地向你描述Processing的下载、配置、使用方法和编程思路，希望本文能给你打开一扇通向自由创造的大门。
ProcessBar简单应用
bi_diu1368的专栏
08-11 993
1.ProcessBar的使用方法： Xml： xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"     android:orientation="vertical" android:layout_width="
进度条ProcessBar示例
克格莫
09-11 1525
MainActivity.java: package com.sta.fwk.test; import android.os.Handler; import android.os.Message; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.view.
ProcessBar（美观的进度条）
12-13
进度条 美观。渐变色，图案，图片背景（前景），有valuechanged事件和finished事件
08-ImageView使用RatingBar来进行对图片评分
高调做事，低调做人！
09-25 732
代码： 界面设计代码： <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertica
ProcessBar使用
fstanwh的专栏
05-22 1022
using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; using System.Drawing; using System.Text; using System.Windows.Forms; using System.Threading; namespace
Android基本控件使用示例
02-17
Android基本控件使用示例，包含以下控件实例： AutoCompleteTextView CheckBox TimePicker DatePicker EditText GridView ImageButton ImageShow ImageView ProgressBar RadioGroup RatingBar SeekBar Spinner Tab
Android 超多基础组件使用范例技巧大全.rar
07-10
Android 超多基础组件使用范例技巧大全，这些组件大多与日常的Android编程息息相关，且更多 的时候是一种UI界面的必备元素，这些必备元素控件包括了以下内容：AutoCompleteTextView、CheckBox、CopyOfTimePicker、...
关于widget的实例学习.
11-09
Button TextView EditText CheckBox RadioGroup Spinner AutoCompleteTextView. DAtePicker timepicker scrollview progressbar seekbar ratingbar imageview imagebutton gridview tab 所有widget的详细介绍
老罗android视频开发源码和ppt经典
06-20
6.13 SeekBar拖动控件的使用 6.14 ImageView的基本用法 6.15 ImageView实现适屏和裁剪图片 6.16 ImageView实现图片旋转和缩放 6.17 ImageView从网络上获取图像 6.18 DatePicker输入日期控件的使用 6.19 时间对话框的...
Android -- ProcessBar 圆形进度条
8023的博客
12-12 717
Android – ProcessBar 圆形进度条 效果图： 实现原理： 以底部空心圆为进度条背景，在其上用相同属性画笔画弧度作为有效进度，文字则置于该圆圆心处；画笔粗细则控制进度条宽度。 使用方式： private VirgoCircleProcessBar virgoCircleProcessBar; private ProgressBar progressBar; private SeekBar seekBar; @Override protected void onCreate(Bundle
jquery svg圆环渐变进度条
☆╮123☆
12-29 1449
html: Examples .processingbar {   text-align: center;   margin: 14px 28px 0 0;   position: relative;   width: 100px; } .processingbar font {   color: #dfb14f;   display: bl
安卓个人学习------ImageView，SeekBar，TableHost，ProgressBar的使用
宋鹤贤(3G/移动开发)
12-15 4153
先让大家看一个效果图 、、 怎么样，效果炫吗？ 让我们来分析一下，这种效果怎么样才能实现呢？ 首先我们注意一下，上方几个横着切换的功能是TabHost TabHost 提供选项卡（Tab页）的窗口视图容器。此对象包含两个子对象：一组是用户可以选择指定Tab页的标签；另一组是FrameLayout用来显示该Tab页的内容。通常控制使用这个容器对象，而不是设置在
RatingBar 的使用 以及自定义的RatingBar
suo172的博客
03-19 578
关于 RatingBar 1. RatingBar (星级评分条)和SeekBar 是十分相似的,他们有相同的父类 AbsSeekBar.他们允许用户通过拖动来改变进度.而 RatingBar 的最大的区别就是通过星星来表示进度. 2.下图是 RatingBar的一些常见的XML属性: 具体参照:  http://wear.techbrood.com/reference/
Android 学习笔记（6）—— SeekBar（进度条）/RatingBar(星级评分条)
夏至的稻穗的博客
04-04 1643
作者：夏至 欢迎转载，也请保留这段申明，谢谢 1. SeekBar（进度条）SeekBar即所谓的进度条啦，大家应该对它都不陌生，我们的音乐播放器中的音量调节和视频播放时的进度条都是用它来显示的，这里我们简单的应用这个Demo实现上诉的内容。先来看个效果图和API中的关系图: 可以看到第二个继承关系图中，seekbar是属于progressbar的子类，那我们上一节progressbar中的属
Android 评分组件RatingBar、ImageView图片、 ImageButton图片按钮的综合运用
tanghua0809的专栏
08-02 480
本文主要介绍Android基础控件评分组件RatingBar、ImageView图片、 ImageButton图片按钮的综合运用，具体操作看代码。 1.RatingBarActivity.java //评分组件RatingBar、ImageView图片、 ImageButton图片按钮 public class RatingBarActivity extends Activity { pr
imageview怎么使用
最新发布
05-26
使用 ImageView，你需要做以下几个步骤： 1. 在布局文件中添加 ImageView 控件： ```xml <ImageView android:id="@+id/imageView" android:layout_width="wrap_content" android:layout_height="wrap_content" ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值