安卓 滑动显示图片(ClickDrawable)(33)

原创 2018年04月16日 18:38:44

我们会在一些地方,见到一些滑动的图片,这时候我们可以通过ClickDrawable来实现此功能。

1.首先在drawable文件夹中实现一个clip的XML文件:

<?xml version="1.0" encoding="utf-8"?>
<clip xmlns:android="http://schemas.android.com/apk/res/android"
    android:drawable="@drawable/bottom_3"
    android:clipOrientation="horizontal"
    android:gravity="left">

</clip>

2.写一个活动的布局文件,其中的ImageView的src为该clip:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <ImageView
        android:id="@+id/tv_show"
        android:layout_width="match_parent"
        android:layout_height="500dp"
        android:src="@drawable/clickdrawable_clip"/>

    <SeekBar
        android:id="@+id/seekbar"
        android:layout_below="@id/tv_show"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />


</RelativeLayout>

3.实现一个Activity(注释的为每秒钟显示百分之十,实现的为通过拖动下面的进度条可以控制图片的显示程度):

public class ClickDrawableAcitvity extends Activity {

    private final int CLICK = 0;

    private ImageView image;
    private SeekBar seekBar;

    private ClipDrawable clipDrawable;

//    Handler handler = new Handler(){
//        @Override
//        public void handleMessage(Message msg) {
//            if(msg.what == CLICK){
//                //使用ClipDrawable对象时可以调用setLevel(int level)方法来设置截取的区域大小,当level为0时,截取的图片片段为空;当level为10000时,截取整张图片。
//                clipDrawable.setLevel(clipDrawable.getLevel() + 1000);
//            }
//        }
//    };

    //实现通过SeekBar来进行显示图片
    Handler handler = new Handler(){
        @Override
        public void handleMessage(Message msg) {
            if(msg.what == CLICK){
                //使用ClipDrawable对象时可以调用setLevel(int level)方法来设置截取的区域大小,当level为0时,截取的图片片段为空;当level为10000时,截取整张图片。
                clipDrawable.setLevel(msg.arg1);
            }
        }
    };

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

        image = findViewById(R.id.tv_show);
        seekBar = findViewById(R.id.seekbar);
        //获取对象
        clipDrawable = (ClipDrawable) image.getDrawable();

//        //每1000毫秒进行一次发送信息操作,发送信息到主线程更改图片
//        final Timer timer = new Timer();
//        timer.schedule(new TimerTask() {
//            @Override
//            public void run() {
//                Message msg = new Message();
//                msg.what = CLICK;
//                handler.sendMessage(msg);
//                if(clipDrawable.getLevel() >= 10000){
//                    timer.cancel();
//                }
//            }
//        }, 0, 1000);

        seekBar.setOnSeekBarChangeListener(new SeekBar.OnSeekBarChangeListener() {
            //当SeekBar发生变化时,该函数被调用
            @Override
            public void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) {
                int max = seekBar.getMax();
                double scale = (double) progress / (double) max;
                Message message = new Message();
                message.what = CLICK;
                message.arg1 = (int) (10000 * scale);
                handler.sendMessage(message);
            }

            @Override
            public void onStartTrackingTouch(SeekBar seekBar) {

            }

            @Override
            public void onStopTrackingTouch(SeekBar seekBar) {

            }
        });

    }
}

安卓自定义View——PictureGuide一款不错的图片导航,可实现图片显示滑动到哪一张

安卓自定义View——PictureGuide一款不错的图片导航,可实现图片显示滑动到哪一张##小弟初来乍到,第一次写文章,水平有限,不一定很牛逼,但保证一定是原创,不足之处,请谅解! 这次给大家带来...
  • jkm8899
  • jkm8899
  • 2015-06-06 20:41:34
  • 697

Android -- 仿微信滑动,底部图片和字体变化的效果

微信,代表着国内软件的顶级app,当然它的一些好的效果, 我们可以模仿学习。下面是模仿微信底部栏随着页面的滑动 而产生文字和图片的颜色以及透明度变化的效果。...
  • hjq842382134
  • hjq842382134
  • 2014-12-09 13:16:02
  • 2495

安卓侧面滑动组件设计

  • 2013年05月20日 14:10
  • 1.7MB
  • 下载

滑动显示图片

  • 2017年12月28日 18:23
  • 30KB
  • 下载

安卓从文件夹读取图片路径并显示图片

  • 2015年11月06日 15:56
  • 1.42MB
  • 下载

Listview显示图片优化

  • 2013年07月23日 10:35
  • 3.17MB
  • 下载

安卓3d魔方(包含源码及apk)

  • 2018年04月13日 16:38
  • 1.37MB
  • 下载

图片轮滑的代码实现

  • 2013年07月01日 17:00
  • 1.58MB
  • 下载

jquery实现简易图片滑动窗

  • 2014年03月25日 16:24
  • 112KB
  • 下载

使用GifView在android上显示gif图片

GifView 是一个为了解决android中现在没有直接显示gif的view,只能通过mediaplay来显示这个问题的项目,其用法和 ImageView一样,支持gif图片 使用方法: 1-把...
  • wuxinzaiyu
  • wuxinzaiyu
  • 2013-11-23 10:50:41
  • 6826
收藏助手
不良信息举报
您举报文章:安卓 滑动显示图片(ClickDrawable)(33)
举报原因:
原因补充:

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