高仿猫眼电影Logo图标

上面是原图，下面是代码实现的高仿。

源码如下：

package com.lingyun.loaddemo;import android.content.Context;
import android.content.res.Resources;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Path;
import android.graphics.RectF;
import android.util.AttributeSet;
import android.util.DisplayMetrics;
import android.util.TypedValue;
import android.view.View;/*** Created by dandy on 2016/6/14.*/
public class Cat extends View {private static final float SIZE = 60f;//默认大小private DisplayMetrics dm;private Paint paint,nosePaint,whiskerPaint;private  int exactlySize;private float size = SIZE;private RectF oval = new RectF();private Path mPath = new Path();private float center;private float noseSharp;//鼻尖宽度(就是那个小圆点)private float eyeRadius;private  float eyeDiameter;public Cat(Context context,AttributeSet attributeSet){super(context, attributeSet);setUpInit(attributeSet);}private void setUpInit(AttributeSet set){dm = Resources.getSystem().getDisplayMetrics();paint = new Paint();paint.setAntiAlias(true);paint.setStrokeCap(Paint.Cap.ROUND);nosePaint = new Paint();nosePaint.setColor(Color.RED);nosePaint.setAntiAlias(true);nosePaint.setStyle(Paint.Style.STROKE);nosePaint.setStrokeCap(Paint.Cap.ROUND);whiskerPaint = new Paint();whiskerPaint.setColor(Color.WHITE);whiskerPaint.setAntiAlias(true);whiskerPaint.setStyle(Paint.Style.STROKE);whiskerPaint.setStrokeCap(Paint.Cap.ROUND);}@Overrideprotected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {/**计算宽**/final int widthMode = MeasureSpec.getMode(widthMeasureSpec);int width = MeasureSpec.getSize(widthMeasureSpec);if(widthMode == MeasureSpec.UNSPECIFIED || widthMode == MeasureSpec.AT_MOST){width = applyDimension(size);}/**计算高**/final int heightMode = MeasureSpec.getMode(heightMeasureSpec);int height = MeasureSpec.getSize(heightMeasureSpec);if (heightMode == MeasureSpec.UNSPECIFIED || heightMode == MeasureSpec.AT_MOST) {height = applyDimension(size);}/*** 取小的值作为控件的大小*/exactlySize = width >= height ? height:width;center = exactlySize / 2.0f;noseSharp = exactlySize / 16.0f;eyeRadius = center / 4.0f;eyeDiameter = eyeRadius * 2.0f;nosePaint.setStrokeWidth(applyDimension(1.5f)*exactlySize / applyDimension(size));whiskerPaint.setStrokeWidth(applyDimension(2.0f)*exactlySize / applyDimension(size));setMeasuredDimension(exactlySize, exactlySize);}@Overrideprotected void onDraw(Canvas canvas) {drawBackCicle(canvas);drawWhiskers(canvas);drawFace(canvas);drawEyes(canvas);drawNose(canvas);drawEars(canvas);super.onDraw(canvas);}private void drawBackCicle(Canvas canvas){canvas.save();canvas.translate(center, center);oval.set(-center, -center, center, center);paint.setColor(Color.RED);canvas.drawRoundRect(oval, center, center, paint);canvas.restore();}private void drawFace(Canvas canvas){canvas.save();canvas.translate(center,center);oval.set(-center * 0.7f, -center * 0.5f, center * 0.7f, center*0.7f);paint.setColor(Color.WHITE);canvas.drawOval(oval, paint);canvas.restore();}private void drawEyes(Canvas canvas){canvas.save();canvas.translate(center, center);final float eyeLineWidth = eyeRadius / 1.5f;paint.setColor(Color.RED);//left eyeoval.set(-(noseSharp / 2.0f + eyeDiameter), -eyeRadius / 2.0f, -noseSharp / 2.0f, eyeDiameter - eyeRadius / 2.0f);canvas.drawRoundRect(oval, eyeRadius, eyeRadius, paint);//right eyeoval.set(noseSharp / 2.0f, -eyeRadius / 2.0f, noseSharp / 2.0f+eyeDiameter, eyeDiameter- eyeRadius / 2.0f);canvas.drawRoundRect(oval, eyeRadius, eyeRadius, paint);paint.setColor(Color.WHITE);//left eyeLineoval.set(-(noseSharp / 2.0f + eyeRadius + eyeLineWidth / 6.0f), -eyeRadius / 2.0f + eyeLineWidth/1.5f,-(noseSharp / 2.0f + eyeRadius - eyeLineWidth / 6.0f), eyeDiameter - eyeRadius / 2.0f - eyeLineWidth/1.5f);canvas.drawRect(oval,paint);//right eyeLineoval.set((noseSharp / 2.0f + eyeRadius - eyeLineWidth / 6.0f), -eyeRadius / 2.0f + eyeLineWidth/1.5f,(noseSharp / 2.0f + eyeRadius + eyeLineWidth / 6.0f), eyeDiameter - eyeRadius / 2.0f - eyeLineWidth/1.5f);canvas.drawRect(oval,paint);canvas.restore();}private void drawNose(Canvas canvas){nosePaint.setColor(Color.RED);canvas.save();canvas.translate(center, center);//鼻尖底部比眼睛底部稍低一些final float noseBottom = 3.0f * center / 7.0f;oval.set(-noseSharp / 1.5f, noseBottom - noseSharp, noseSharp / 1.5f, noseBottom);paint.setColor(Color.RED);canvas.drawOval(oval, paint);//鼻孔final float diameter = center / 4.0f;oval.set(-diameter, noseBottom - noseSharp, 0, noseBottom - noseSharp + diameter/1.2f);canvas.drawArc(oval, -25, 240, false, nosePaint);oval.set(0, noseBottom - noseSharp, diameter, noseBottom - noseSharp + diameter/1.2f);canvas.drawArc(oval, -25, 240, false, nosePaint);canvas.restore();}private void drawEars(Canvas canvas){paint.setColor(Color.WHITE);canvas.save();canvas.translate(center, center);//先确定三个点的坐标//左下final float leftBottomX = -(noseSharp / 2.0f + eyeDiameter);final float leftBottomY = - eyeRadius / 2.0f;//左中final float leftCenterX = leftBottomX + center / 20.0f;final float leftCenterY = leftBottomY - center / 2.0f;//左上final float leftTopX = -(noseSharp / 2.0f + eyeRadius*0.6f);final float leftTopY = leftBottomY - center / 4.0f;mPath.reset();mPath.moveTo(leftBottomX, leftBottomY);mPath.quadTo(leftBottomX - center / 20.0f, leftBottomY - center / 4.0f, leftCenterX, leftCenterY);mPath.quadTo(-(noseSharp / 2.0f + eyeRadius*0.5f),leftBottomY - center / 2.5f,leftTopX,leftTopY);canvas.drawPath(mPath,paint);//右下final float rightBottomX = noseSharp / 2.0f + eyeDiameter;final float rightBottomY = - eyeRadius / 2.0f;//右中final float rightCenterX = rightBottomX - center / 20.0f;final float rightCenterY = rightBottomY - center / 2.0f;//右上final float rightTopX = noseSharp / 2.0f + eyeRadius*0.6f;final float rightTopY = rightBottomY - center / 4.0f;mPath.reset();mPath.moveTo(rightBottomX, rightBottomY);mPath.quadTo(rightBottomX + center / 20.0f, rightBottomY - center / 4.0f, rightCenterX, rightCenterY);mPath.quadTo(noseSharp / 2.0f + eyeRadius*0.5f,leftBottomY - center / 2.5f,rightTopX,rightTopY);canvas.drawPath(mPath,paint);canvas.restore();}private void drawWhiskers(Canvas canvas){canvas.save();canvas.translate(center, center);oval.set(-center, 0.3f * center, center, 0.4f * center);canvas.drawArc(oval, 202, 135, false, whiskerPaint);oval.set(-center, 0.36f * center, center, 0.7f * center);canvas.drawArc(oval, 208, 125, false, whiskerPaint);oval.set(-center, 0.43f * center, center,center);canvas.drawArc(oval, 215, 110, false, whiskerPaint);canvas.restore();}@Overrideprotected void onLayout(boolean changed, int left, int top, int right, int bottom) {super.onLayout(changed, left, top, right, bottom);}/*** px2dp* @param value*/private int applyDimension(float value){return (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, value, dm);}}

高仿猫眼电影Logo图标相关推荐

php实现猫眼电影院选座思路,高仿猫眼电影选座（选票）模块
前言: 高仿猫眼选票模块,看着猫眼app选票模块做的如此之帅,网上又没比较好的库,自己手痒痒了就开始模仿起来了,最终用了几天时间实现了,也封装好了一套选座模块. 上图看效果先: 1)画座位图其实不是很 ...
java演出厅选票_高仿猫眼电影选座（选票）模块-b
上图看效果先: 1)画座位图其实不是很难一般数据都会给坐标,将坐标对应座位画出来就可以了,主要是开场动画要设置默认大小,还有座位图的数量也不是固定的,所以在初始化座位图的时侯就默认算出了整个座位图的大 ...
高仿猫眼电影选座（选票）模块-b
上图看效果先: 1)画座位图其实不是很难一般数据都会给坐标,将坐标对应座位画出来就可以了,主要是开场动画要设置默认大小,还有座位图的数量也不是固定的,所以在初始化座位图的时侯就默认算出了整个座位图的大 ...
TTMS（仿猫眼电影）iOS版项目报告
文章目录前言 GitHub 所有使用到的第三方库项目详细说明登陆注册登陆预览文件名注册预览文件名总结城市定位预览文件名总结选择电影预览文件名总结选择影院预览文 ...
HTML期末学生作业 HTML+CSS+JavaScript仿猫眼电影在线网站 Hbuilder网页制作
❤ HTML期末学生作业~html+css+javascript仿猫眼电影在线网站(功能齐全) web期末结课大作业 html+css+javascript网页.电影.仿京东.天猫.服装. 企业网站制 ...
视频教程-影院在线售票云平台（仿猫眼电影，附SpringBoot项目源码）-Java
影院在线售票云平台(仿猫眼电影,附SpringBoot项目源码) 19年软件开发经验,设计开发40多个大型软件,10年从事高等教育,主要为java系列课程,带你轻松进入java生涯. 赖国荣 ¥299 ...
苹果cmsV10高仿草民电影网在线影视网站模板带手机版
介绍: 苹果cmsV10高仿草民电影网在线网站模板带手机版网盘下载地址: http://kekewl.cc/8obtG6AzODd0 图片:
苹果cmsv10自适应seo高仿草民电影网模板
简介: 自适应seo高仿草民电影网源码苹果cmsv10模板,苹果cmsv10高仿草民电影网自适应seo好收录的模板网盘下载地址: http://kekewl.org/t0XGqOMXCim0 图片 ...
HTML+CSS+JavaScript实现仿猫眼电影购票选座
一.功能实现 (1)在页面左侧区域,单击"可选座位",将座位设置为"已选座位",一次最多选5 个座位.右侧座位号汇总区域显示已选中的座位号,并显示电影票总价. ...

高仿猫眼电影Logo图标

高仿猫眼电影Logo图标相关推荐

最新文章

热门文章