ClipDrawable的使用，图片的徐徐展开效果

最新推荐文章于 2021-05-28 14:58:25 发布

浩宇碧海

最新推荐文章于 2021-05-28 14:58:25 发布

阅读量3.1k

点赞数 1

分类专栏： android UI 文章标签： ClipDrawable android imageview layout

本文链接：https://blog.csdn.net/jiaruihua_blog/article/details/12276215

版权

android UI 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

本文介绍了如何在Android中使用ClipDrawable实现图片徐徐展开的效果。通过设置ClipDrawable的clipOrientation和gravity属性，配合ImageView的scaleType，达到动态改变图片截取区域的目的。在代码示例中，通过Handler和Timer定时更新ClipDrawable的level值，实现图片逐渐显示。源码可供下载参考。

摘要由CSDN通过智能技术生成

效果图：

代码：

clip 属性的使用：

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

layout 中的设置：

代码：

package com.example.clipdrawable;

import java.util.Timer;
import java.util.TimerTask;

import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.app.Activity;
import android.graphics.drawable.ClipDrawable;
import android.view.Menu;
import android.widget.ImageView;

public class MainActivity extends Activity {

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

ImageView imageView = (ImageView) findViewById(R.id.image);
//获取图片所显示的ClipDrawable对象
final ClipDrawable drawable = (ClipDrawable) imageView.getDrawable();
final Handler handler = new Handler(){
@Override
public void handleMessage(Message msg) {
// TODO Auto-generated method stub
if (msg.what==0x123) {
/**setlevel()设置图片截取的大小
* 修改ClipDrawable的level值，level值为0--10000；
* 0：截取图片大小为空白，10000：截取图片为整张图片；
*/
drawable.setLevel(drawable.getLevel()+200);
}
}

};
final Timer timer = new Timer();
timer.schedule(new TimerTask() {

@Override
public void run() {
// TODO Auto-generated method stub
Message msg = new Message();
msg.what = 0x123;
handler.sendMessage(msg);
if (drawable.getLevel()>=10000) {
timer.cancel();
}
}
}, 0,300);
}
}