今天在逛博客的时候无意间发现了这个东西(Clip),没想到这个东西还挺好用的。
这个是我看到别人写的文章:http://blog.csdn.net/zl18603543572/article/details/51250216
下面进入正文:
Clip的使用方法,如下:
<?xml version="1.0" encoding="utf-8"?>
<clip xmlns:android="http://schemas.android.com/apk/res/android"
android:clipOrientation="vertical"
android:drawable="@drawable/test_pro_bg"
android:gravity="bottom">
</clip>
clipOrientation:指定横向竖向
drawable :这个不多解释了吧(背景)
gravity :进度加载方向,这个着重讲一下。
设置gravity为top,进度条会从上之下加载。
设置gravity为bottom,进度条会从下之上加载。
设置gravity为center,进度条会从中间到四面八方加载。
设置gravity为center_horizontal,进度条会从中间到两边加载。
设置gravity为center_vertical,进度条会从中间到两边加载。
设置gravity为right,进度条会从右之左加载。
设置gravity为left,进度条会从左之右加载。
如果你要使用center_vertical或center_horizontal,请记得配合clipOrientation属性使用,设置相对应的方向,你可别clipOrientation属性设置vertical而gravity属性设置center_horizontal,至于这样会出什么幺蛾子我就不清楚了(我还没试过)。
这里是一个简单的drawable的实现(大家可以先用这个试试效果):
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<size
android:width="5dp"
android:height="100dp" />
<gradient
android:angle="45"
android:centerColor="#FFFF00"
android:endColor="#66FF00"
android:startColor="#FF9900" />
<corners android:radius="5dp" />
</shape>
Clip我们应该会定义样式了,下面是在布局和java代码中的使用:
**布局代码**
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="com.zl.freight.ui.activity.ProgressTestActivity">
<ImageView
android:id="@+id/iv_pro"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:src="@drawable/vertical_pro_bg" />
</RelativeLayout>
**java代码**
public class ProgressTestActivity extends Activity {
@BindView(R.id.iv_pro)
ImageView ivPro;
private int position;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_progress_test);
ButterKnife.bind(this);
final ClipDrawable drawable = (ClipDrawable) ivPro.getDrawable();
new Thread() {
@Override
public void run() {
try {
while (position < 10000) {
sleep(1);
position += 10;
runOnUiThread(new Runnable() {
@Override
public void run() {
drawable.setLevel(position);
}
});
}
} catch (InterruptedException e) {
e.printStackTrace();
}
}
}.start();
}
}
这些代码都很简单,这里大概描述一下:
我的布局中有一个ImageView,设置ImageView的src为我们的clip文件。
在java代码中使用getDrawable()方法获取ClipDrawable这里需要强转,使用ClipDrawable的对象设置level,level的值为0到10000,当值为10000时图全部显示。
这里我开启了一个线程模拟真实的进度加载。