最近，制作一个app,需要模拟一个电池电量的进度条，根据电量多少来设置百分比，进度条不断上下滚动，就像平时手机充电一样的电池电量进度条。我就自定义view实现了电量进度条。修改图片就可以达到自己想要的效果

一、自定义View，Battery.java,循环刷新界面,两张图片上下滚动，达到不断向右移动的效果。挺有意思的

package com.example.battery;

import android.content.Context;

import android.content.res.Resources;

import android.graphics.Bitmap;

import android.graphics.Canvas;

import android.graphics.Color;

import android.graphics.Paint;

import android.graphics.drawable.BitmapDrawable;

import android.os.Handler;

import android.os.Message;

import android.util.AttributeSet;

import android.view.View;

public class Battery extends View {

public float currentX = 80;

public float currentY = 80;

private float secondY = 80;

private Paint mPaint = new Paint();

private Context mContext;

private Handler mHandler;

private Bitmap mBmp;

private int speedTime = 20;

private float with = 200;

private float height = 50;

private float percentage = 0.5f;

public Battery(Context context) {

super(context);

this.mContext = context;

}

public Battery(Context context, AttributeSet set) {

super(context, set);

this.mContext = context;

init();

}

public void onDraw(Canvas canvas) {

super.onDraw(canvas);

with = this.getWidth();

height = this.getHeight();

mPaint.setColor(Color.BLUE);

Resources res = mContext.getResources();

BitmapDrawable bmpDraw = (BitmapDrawable) res

.getDrawable(R.drawable.loading_pic);

mBmp = bmpDraw.getBitmap();

canvas.clipRect(0, 0, with*percentage, height);

canvas.drawBitmap(mBmp, 0, currentY, mPaint);

canvas.drawBitmap(mBmp, 0, secondY, mPaint);

}

private void init() {

percentage = 0;

mHandler = new Handler() {

public void handleMessage(Message msg) {

switch (msg.what) {

case 1:

currentX ++;

currentY ++;

if (mBmp != null && currentY > mBmp.getHeight()){

currentY = -mBmp.getHeight();

}

if (mBmp != null){

secondY = currentY+mBmp.getHeight();

if (secondY >= mBmp.getHeight()){

secondY = currentY-mBmp.getHeight();

}

}

percentage = percentage + 0.003f;

if (percentage > 1){

percentage = 0;

}

// 每次计算后都发送消息进入下一次循环，并刷新界面

mHandler.sendEmptyMessageDelayed(1, speedTime);

postInvalidate();

break;

}

super.handleMessage(msg);

postInvalidate();

}

};

// 首次循环刷新界面

mHandler.sendEmptyMessageDelayed(1, speedTime);

}

}

二、MainActivity

package com.example.battery;

import android.app.Activity;

import android.os.Bundle;

public class MainActivity extends Activity {

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

}

}

三、activity_main

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:layout_gravity="center"

android:gravity="center" >

android:layout_width="300dp"

android:layout_height="10dp"

android:layout_gravity="center"

android:gravity="center"

android:padding="10dp" />

四、附图片效果

五、下载路径

Android电池电量跳变

高通平台8916/8917 对于第三方Fuel Gauge,跳变多是因为IC内部算法的问题,这样我们可以通过驱动来规避. 例如:usb在位时,要阻止电量的向下跳变. 当电量越级跳变时,要在驱动中能检测 ...

Android 进度条(ProgressBar)和拖动条(Seekbar)补充“自定义组件”(总结)

这周结束了,我也码了一周的字,感觉还是很有种脚踏实地的感觉的,有时间就可以看看自己的总结再查漏补缺,一步一个脚印,做出自己最理想的项目. 今天我们讲两点: 1.ProgressBar: 其实前面也稍微 ...

Android -- 真正的 高仿微信 打开网页的进度条效果

(本博客为原创,http://www.cnblogs.com/linguanh/) 目录: 一,为什么说是真正的高仿? 二,为什么要搞缓慢效果? 三,我的实现思路 四,代码,内含注释 五,使用方法与截 ...

Android UI系列-----时间、日期、Toasts和进度条Dialog

您可以通过点击 右下角 的按钮 来对文章内容作出评价, 也可以通过左下方的 关注按钮 来关注我的博客的最新动态. 如果文章内容对您有帮助, 不要忘记点击右下角的 推荐按钮 来支持一下哦 如果您对文章内 ...

【转】Android UI系列-----时间、日期、Toasts和进度条Dialog

原文网址:http://www.cnblogs.com/xiaoluo501395377/p/3421727.html 您可以通过点击 右下角 的按钮 来对文章内容作出评价, 也可以通过左下方的 关注 ...

Xamarin iOS教程之进度条和滚动视图

Xamarin iOS教程之进度条和滚动视图 Xamarin iOS 进度条 进度条可以看到每一项任务现在的状态.例如在下载的应用程序中有进度条,用户可以很方便的看到当前程序下载了多少,还剩下多少.Q ...

基于jQuery带进度条全屏图片轮播代码

基于jQuery带进度条全屏图片轮播代码.这是一款基于jQuery实现的oppo手机官网首页带进度条全屏图片轮播特效.效果图如下: 在线预览   源码下载 实现的代码. html代码: