Andorid Clip 实现自定义的进度条效果实例

Android该系统提供了一个水平进度条为我们展现了运行使用进展情况,水平进度条显示用于运行进度Clip Drawable技术

下面我们通过一个具体的例子来说明Clip Drawable使用。

还有我们要注意知识:

Clip0,此时是所有裁剪,图片看不见;

当级别为10000时,不裁剪图片,图片所有可见

程序执行结果:第一张为初始界面,第二张为点击5次界面,第三张为点击10的界面

    
 

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvY3F0ZGR0/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" width="200" height="300" >

新建一个名称为:Clip Drawable的Android project。

程序结构文件夹:

activity_main.xml

<RelativeLayout 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">

   <ImageView
       android:id="@+id/gril_img"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/clip"
        android:contentDescription="@string/app_name"
        />

    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="@string/Clip"
        android:onClick="change"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"
        android:layout_marginBottom="20dp"/>
</RelativeLayout>

clip.xml

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

strings.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>

    <string name="app_name">ClipDrawable</string>
    <string name="hello_world">Hello world!</string>
    <string name="action_settings">Settings</string>
	<string name="Clip">clip</string>
</resources>

MainActivity.java

package com.shen.clipdrawable;

import android.support.v7.app.ActionBarActivity;
import android.graphics.drawable.ClipDrawable;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.widget.ImageView;

public class MainActivity extends ActionBarActivity {

	private ImageView imageView;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		// 获取Imageview控件
		imageView = (ImageView) findViewById(R.id.gril_img);
	}

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

	public void change(View v) {
		// 获得ClipDrawable对象
		ClipDrawable clipDrawable = (ClipDrawable) imageView.getBackground();
		// 设置裁剪级别,Clip类型的图片默认裁剪级别为0。此时是所有裁剪。图片看不见;
		// 当级别为10000时。不裁剪图片,图片所有可见
		// 当所有显示后。设置不可见
		if (10000 == clipDrawable.getLevel()) {
			clipDrawable.setLevel(0);
		}
		else {
			clipDrawable.setLevel(clipDrawable.getLevel() + 1000);
		}

	}
}

程序中用的资源图片:

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvY3F0ZGR0/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" >

源代码

版权声明:本文博客原创文章,博客,未经同意,不得转载。

时间: 2024-11-10 15:27:39

Andorid Clip 实现自定义的进度条效果实例的相关文章

Andorid Clip 实现自定义进度条效果实例

Android系统提供了水平进度条供我们显示进度使用,水平进度条在显示进度时使用的就是Clip Drawable技术 下面我们就通过一个具体的实例来说明Clip Drawable的使用. 有个知识大家要注意: Clip类型的图片默认裁剪级别为0,此时是全部裁剪,图片看不见: 当级别为10000时,不裁剪图片,图片全部可见 程序运行结果:第一张为初始界面,第二张为点击5次界面,第三张为点击10的界面        新建一个名称为:Clip Drawable的Android 工程. 程序结构目录:

android自定义圆形进度条,实现动态画圆效果

自定义圆形进度条效果图如下:应用场景如动态显示分数等. view的自定义属性如下attr.xml <?xml version="1.0" encoding="UTF-8"?> <resources> <declare-styleable name="ArcProgressbar">         <!-- 圆环起始角度-->         <attr name="startAng

自定义水平进度条样式:黑色虚线

布局layout中使用: 1 <ProgressBar 2 android:id="@+id/progress_bar" 3 style="?android:attr/progressBarStyleHorizontal" <!--必须设置为水平--> 4 android:progressDrawable="@drawable/myprogress" <!--此处用自定义样式--> 5 android:layout_

跟随进度而变色进度条效果ios源码

这个是跟随进度而变色进度条效果案例,源码EAColourfulProgressView,EAColourfulProgressView的进度条能够跟随进度而变色.颜色和进度的总量可以通过Storyboard改变.效果图: <ignore_js_op> 使用方法: 支持CocoaPods: pod 'EAColourfulProgressView', '~> 0.1.0' 导入头文件: #import "EAColourfulProgressView.h" 可以在Sto

ProgressBar学习笔记,自定义横向进度条的样式(包含ActionBar上面的进度条)

 点显示进度条后→   android:max="100" 进度条的最大值 android:progress  进度条已经完成的进度值 android:progressDrawable 已经完成的进度条轨道显示的Drawable对象 indeterminateDrawable   设置绘制不显示进度的进度条的Drawable对象 android:indeterminate 设置为true,进度条不精准显示进度 android:indeterminateDuration  设置不精准显示

自定义圆形进度条 自定义倒计时进度条

自定义圆形进度条 自定义倒计时进度条 版权声明:转载必须注明本文转自严振杰的博客: http://blog.csdn.net/yanzhenjie1003 此控件源码已开源到Github:https://github.com/yanzhenjie/CircleTextProgressbar,欢迎Star. 欢迎加入我博客左侧的QQ交流群一起探讨. 效果预览 源代码传送门:https://github.com/yanzhenjie/CircleTextProgressbar 实现与原理 这个文字圆

Android 从无到有打造一个炫酷的进度条效果

从无到有打造一个炫酷的进度条效果

使用定时器实现进度条效果

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> body{ margin: 0; padding: 0; } header{ width: 1000px; top: 50px; border: 1px solid #000; margin: 0 auto; } div{ width: 1%; heig

Android 中带有进度条效果的按钮(Button)

安卓中带有进度条效果的按钮,如下图: 1.布局文件如下activity_main.xml 1 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 2 xmlns:tools="http://schemas.android.com/tools" 3 android:layout_width="fill_parent" 4 android:layo