1.初始化变量 圆的粗细:圆环的大小. 标注:文字前面的圆点. 分配比例大小:由于需要计算圆环扫过的角度,计算方法使用:(比例/100)*360度,用百分比算出360度占用了多少,由于比例/100的结果一直是0,所以换一种方法:(比例*360度)/100,先乘后除,但是这样会导致没办法获得100/100的值,所以我们分配比例大小的总和为101.   2.获取宽和高 3.绘制图形 1.画布移到圆环的左上角,为(0,0). 2.画圆环:使用drawArc方法画出一个直径为mRadius的圆环,从

Android圆形图片控件效果图如下: 代码如下: RoundImageView.java package com.dxd.roundimageview; import android.content.Context; import android.content.res.TypedArray; import android.graphics.Bitmap; import android.graphics.Bitmap.Config; import android.graphics.Canvas

今天我给大家介绍一款圆形统计图circliful,它基于HTML5的画布和jQuery,无需使用图像轻松实现圆形统计图,而且有很多属性设置,使用起来非常方便. 首先我们需要将jquery库文件和jquery.circliful.min.js引入到页面中. <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script> <script src="js/jquery.circli

今天我给大家介绍一款圆形统计图circliful,它基于HTML5的画布和jQuery,无需使用图像轻松实现圆形统计图,而且有很多属性设置,使用起来非常方便. 如何使用circliful 将jquery库文件和jquery.circliful.min.js引入到页面中. <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script> <script src="js/jquer

Android 圆形/圆角图片的方法 眼下网上有非常多圆角图片的实例,Github上也有一些成熟的项目.之前做项目,为了稳定高效都是选用Github上的项目直接用.但这样的结束也是Android开发必备技能 .所以今天就来简单研究一下该技术,分享给大家. 预备知识: Xfermode介绍: 以下是Android ApiDemo里的"Xfermodes"实例,效果图. Xfermode有三个子类.结构例如以下: 1.publicclass 2.Xfermode 3.extendsObje

Android圆形图片控件效果图例如以下: 代码例如以下: RoundImageView.java package com.dxd.roundimageview; import android.content.Context; import android.content.res.TypedArray; import android.graphics.Bitmap; import android.graphics.Bitmap.Config; import android.graphics.Ca

圆形头像DIY 现在大部分app使用的都是圆形头像,网上开源的也很多,但是有没有考虑过DIY圆形头像呢?下面就自己实现一个,先看下demo展示 第一步:原理解释(图片很丑,原理很真) 1.画外框圆形,需要使用自定义的颜色画一个圆形,比图片的半径长5dp 2.自定义圆形画好了后,将我们需要转换成圆形头像的图片画到上面,从中间开始覆盖,得到如下图片 3.中间截取图片,半径设置为:r=min(width,height),圆心设为:cx=width/2,cy=height/2,这样可以从中间开始截取圆形

[ RoundImageView.java ] package com.dxd.roundimageview; import android.content.Context; import android.content.res.TypedArray; import android.graphics.Bitmap; import android.graphics.Bitmap.Config; import android.graphics.Canvas; import android.graph

在Android App中,我们经常看到圆形头像图片,然后网上也有很多开源的控件.刚好这个项目用到了,也去找了一些开源的,发现并不完美,所以只好自己优化了,废话不多说,先上效果图: 下面是源码:本人能理解的地方都加上注释了,大牛勿喷. package com.xyt.ygcf.widget; import android.content.Context; import android.content.res.TypedArray; import android.graphics.Bitmap;

最近在安卓2.2上写个实时的监控程序,要用到统计图.从网上搜了下 Java4Less (http://java4less.com/charts/chart.php?info=android)     - Chart4J (http://code.google.com/p/charts4j/)     - BlueChart (http://code.google.com/p/bluechart/)- aChartEngine (http://code.google.com/p/acharteng

花样android Progressbar http://www.eoeandroid.com/thread-1081-1-1.html http://www.cnblogs.com/xirihanlin/archive/2010/06/14/1758145.html xml布局文件需加入如下的进度条构件: <ProgressBar android:id="@+id/loadProgressBar" android:layout_width="wrap_content&

本文采用的统计图参考:AChartEngine 访问地址 :http://code.google.com/p/achartengine/ 先给出效果图 本文的开发代码主要是这些:对一些代码进行修改 以下文件是直接使用官方下载后 这些主要是对文件[WeightTimeChart.java]做了修改 /** * WeightTimeChart.java * 版权所有(C) 2013 * 创建:cuiran 2013-10-24 下午4:11:28 */ package com.cayden.weig

Feature: 点击选择拍照或者打开相册,选取图片进行裁剪最后设置为圆形头像. Problem: 拍好照片,点击裁剪,弹Toast"无法加载此图片". Solution: 在裁剪的class里加两行代码 intent.addFlags(Intent.FLAG_GRANT_READ_URI_PERMISSION); intent.addFlags(Intent.FLAG_GRANT_WRITE_URI_PERMISSION); 主要代码如下: public static final S

在很多APP当中,圆形的图片是必不可少的元素,美观大方.本文将带领读者去实现一个圆形图片自定View,力求只用一个Java类来完成这件事情. 一.先上效果图 二.实现思路 在定义View 的onMeasure()方法里设置View的宽高相等,应该取宽高中的最小值. 在自定义View的onDraw()里面使用画笔paint结合BitmapShaper画出一个圆形区域. 上述两步已经可以实现一个圆形图片,但是如果图片大于View的设定的宽高,则只会绘制左上角的局域,内容显示不完全(如下图).因此,还

LZ该公司最近接手一个项目,需要写一个圆形旋转菜单,和菜单之间的移动换位支持,我本来以为这样的demo如若互联网是非常.想想你妈妈也帮不了我,空旋转,但它不能改变位置,所以LZ我们只能靠自己摸索. 最后LZ参考代码的在线部分.了一个自己定义的view最终实现了这个看似非常吊.却没有实际意义的功能. 在此贡献出来给广大码农们共享. 话不多说,先上代码: 自己定义view类: public class RoundSpinView extends View { private Paint mPaint

高仿微信朋友圈 10s 视频裁剪 引语 晚上好,我是猫咪,我的公众号「程序媛猫咪」会推荐 GitHub 上好玩的项目,挖掘开源的价值,欢迎关注我. <Android 图片裁剪库 uCrop>说到图片裁剪功能是 Android 开发最常见的功能之一,而圆形图片也是非常常见的功能,常用于个人图像. 今天推荐的圆形图片库是 CircleImageView,也是我实际项目中用到的圆形图片库,屡用不爽,我就不藏不掖着,无私分享给你,记住要关注我的公号哦,干货推荐不断. 效果预览 使用示例 1.引入 Ci

/** * 将图片准转为圆形 * * @param bitmap * @return */ public static Bitmap getRoundedCornerBitmap(String path, Bitmap bitmap) { int size = bitmap.getWidth() < bitmap.getHeight() ? bitmap.getWidth() : bitmap.getHeight(); Bitmap output = Bitmap.createBitmap(si

Android系统自带的ProgressBar风格不是很好,如果想自己设置风格的话,一般有几种方法.首先介绍一下第一种方法通过动画实现.在res的anim下创建动画资源loading.xml: <?xml version="1.0" encoding="utf-8"?> <animation-list xmlns:android="http://schemas.android.com/apk/res/android" andro

<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="oval"> <solid android:color="#666666"/> <size android:width=&quo

在网上找了一下,最简单的是利用canvas的setXfermode,来控制图片重合部分的显示策略. 图片混合时,先画的是dst,后画的是src,各种混合的方式如下,其中圆形是dst,正方形是src: 不过网上的一些做法没有考虑到图片为长方形的情况,下面给出我修正后的做法: 这里我们采用srcin模式,先画透明的圆形即dst,再画原图即src,两个重叠的部分就是我们需要的圆形图了(dstin也可以,就是先画原图,再画透明的圆形). 就是先判断宽和高中最大max.最小min,只创建半径为min的透明

 Android CircleImageView圆形ImageView CircleImageView是github上一个第三方开源的实现圆形ImageView的项目.其在github上的项目主页是:https://github.com/hdodenhof/CircleImageView 实现的结果如图: 重点说一说CircleImageView和附录文章1的异同,在开发中如何在特定情况下该选择何种技术实现方案.(一)附录1的RoundedBitmapDrawable是谷歌官方的圆形实现,R