- 浏览: 5778555 次
- 性别:
- 来自: 上海
文章分类
- 全部博客 (890)
- WindowsPhone (0)
- android (88)
- android快速迭代 (17)
- android基础 (34)
- android进阶 (172)
- android高级 (0)
- android拾遗 (85)
- android动画&效果 (68)
- Material Design (13)
- LUA (5)
- j2me (32)
- jQuery (39)
- spring (26)
- hibernate (20)
- struts (26)
- tomcat (9)
- javascript+css+html (62)
- jsp+servlet+javabean (14)
- java (37)
- velocity+FCKeditor (13)
- linux+批处理 (9)
- mysql (19)
- MyEclipse (9)
- ajax (7)
- wap (8)
- j2ee+apache (24)
- 其他 (13)
- phonegap (35)
最新评论
-
Memories_NC:
本地lua脚本终于执行成功了,虽然不是通过redis
java中调用lua脚本语言1 -
ZHOU452840622:
大神://处理返回的接收状态 这个好像没有监听到 遇 ...
android 发送短信的两种方式 -
PXY:
拦截部分地址,怎么写的for(int i=0;i<lis ...
判断是否登录的拦截器SessionFilter -
maotou1988:
Android控件之带清空按钮(功能)的AutoComplet ...
自定义AutoCompleteTextView -
yangmaolinpl:
希望有表例子更好。。。,不过也看明白了。
浅谈onInterceptTouchEvent、onTouchEvent与onTouch
刮刮卡类:
package com.reyo.view; import android.content.Context; import android.graphics.Bitmap; import android.graphics.Bitmap.Config; import android.graphics.Canvas; import android.graphics.Paint; import android.graphics.Path; import android.graphics.PorterDuff; import android.graphics.PorterDuffXfermode; import android.util.AttributeSet; import android.view.MotionEvent; import android.widget.TextView; /** * 刮刮卡类 * @author reyo * */ public class ScratchTextView extends TextView{ private float TOUCH_TOLERANCE; private Bitmap mBitmap; private Canvas mCanvas; private Paint mPaint; private Path mPath; private float mX,mY; private boolean isDraw = false; public ScratchTextView(Context context) { super(context); } public ScratchTextView(Context context, AttributeSet attrs, int defStyle) { super(context, attrs, defStyle); } public ScratchTextView(Context context, AttributeSet attrs) { super(context, attrs); } @Override protected void onDraw(Canvas canvas) { super.onDraw(canvas); if (isDraw) { mCanvas.drawPath(mPath, mPaint); // mCanvas.drawPoint(mX, mY, mPaint); canvas.drawBitmap(mBitmap, 0, 0, null); } } /** * 初始化刮刮卡 * @param bgColor 刮刮卡背景色 * @param paintStrokeWidth 擦除线宽 * @param touchTolerance 画线容差 */ public void initScratchCard(final int bgColor,final int paintStrokeWidth,float touchTolerance) { TOUCH_TOLERANCE = touchTolerance; mPaint = new Paint(); // mPaint.setAlpha(0); // mPaint.setColor(Color.BLACK); // mPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.DST_OUT)); mPaint.setAlpha(0); mPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.DST_IN)); mPaint.setAntiAlias(true); mPaint.setDither(true); mPaint.setStyle(Paint.Style.STROKE); mPaint.setStrokeJoin(Paint.Join.ROUND); mPaint.setStrokeCap(Paint.Cap.ROUND); mPaint.setStrokeWidth(paintStrokeWidth); mPath = new Path(); mBitmap = Bitmap.createBitmap(getLayoutParams().width, getLayoutParams().height, Config.ARGB_8888); mCanvas = new Canvas(mBitmap); mCanvas.drawColor(bgColor); isDraw = true; } @Override public boolean onTouchEvent(MotionEvent event) { if (!isDraw) { return true; } switch (event.getAction()) { case MotionEvent.ACTION_DOWN: touchDown(event.getX(), event.getY()); invalidate(); break; case MotionEvent.ACTION_MOVE: touchMove(event.getX(), event.getY()); invalidate(); break; case MotionEvent.ACTION_UP: touchUp(event.getX(), event.getY()); invalidate(); break; default: break; } return true; } private void touchDown(float x,float y){ mPath.reset(); mPath.moveTo(x, y); mX = x; mY = y; } private void touchMove(float x,float y){ float dx = Math.abs(x - mX); float dy = Math.abs(y - mY); if (dx >= TOUCH_TOLERANCE || dy >= TOUCH_TOLERANCE) { mPath.quadTo(mX, mY, (x + mX)/2, (y + mY)/2); mX = x; mY = y; } } private void touchUp(float x,float y){ mPath.lineTo(x, y); mCanvas.drawPath(mPath, mPaint); mPath.reset(); } }
使用:
package com.reyo.app; import com.reyo.view.ScratchTextView; import android.app.Activity; import android.content.Context; import android.graphics.Bitmap; import android.graphics.Bitmap.Config; import android.graphics.Canvas; import android.graphics.Color; import android.graphics.Paint; import android.graphics.Path; import android.graphics.PorterDuff; import android.graphics.PorterDuffXfermode; import android.graphics.Rect; import android.graphics.drawable.BitmapDrawable; import android.graphics.drawable.Drawable; import android.os.Bundle; import android.util.DisplayMetrics; import android.view.MotionEvent; import android.view.View; public class RubberActivity extends Activity { @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); // setContentView(new RubberView(this,"title",new Rect(100, 200,300,250),5,1f,18)); setContentView(R.layout.main); ((ScratchTextView) findViewById(R.id.rubbler)).initScratchCard(0xFFFFFFFF, 5, 1f); } class RubberView extends View { private final int PAINT_STROKE_WIDTH; private final float TOUCH_TOLERANCE; private final int TEXT_SIZE; private Bitmap mBitmap; private Canvas mCanvas; private Paint mPaint; private Path mPath; private float mX, mY; private final int X, Y, W, H; private final Rect touchRect; public RubberView(Context context, String bgText, Rect rect, int paintStrokeWidth, float touchTolerance, int textSize) { super(context); setFocusable(true); touchRect = rect; W = rect.right - rect.left; H = rect.bottom - rect.top; X = rect.left; Y = rect.top; TEXT_SIZE = textSize; PAINT_STROKE_WIDTH = paintStrokeWidth; TOUCH_TOLERANCE = touchTolerance; setBackground(touchRect, bgText); initDrowTools(); } private void setBackground(Rect rect, String bgText) { DisplayMetrics dm = new DisplayMetrics(); dm = this.getResources().getDisplayMetrics(); Bitmap bitmap = Bitmap.createBitmap(dm.widthPixels, dm.heightPixels, Config.ARGB_8888); Canvas canvas = new Canvas(bitmap); Paint paint = new Paint(); paint.setColor(0x88000000); // paint.setStyle(Style.STROKE); // paint.setTextAlign(Align.CENTER); paint.setTextSize(TEXT_SIZE); // paint.setTextScaleX(1.5f); canvas.drawColor(Color.WHITE); int x = rect.left + (rect.right - rect.left - bgText.length() * TEXT_SIZE) / 2; int y = rect.top + (rect.bottom - rect.top - TEXT_SIZE) / 2; // int y = 218+25; canvas.drawText(bgText, x, y, paint); Drawable drawable = new BitmapDrawable(bitmap); setBackgroundDrawable(drawable); } private void initDrowTools() { mPaint = new Paint(); // mPaint.setAlpha(0); // mPaint.setColor(Color.BLACK); // mPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.DST_OUT)); mPaint.setAlpha(0); mPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.DST_IN)); mPaint.setAntiAlias(true); mPaint.setDither(true); mPaint.setStyle(Paint.Style.STROKE); mPaint.setStrokeJoin(Paint.Join.ROUND); mPaint.setStrokeCap(Paint.Cap.ROUND); mPaint.setStrokeWidth(PAINT_STROKE_WIDTH); mPath = new Path(); mBitmap = Bitmap.createBitmap(W, H, Config.ARGB_8888); mCanvas = new Canvas(mBitmap); mCanvas.drawColor(0x88000000); } @Override protected void onDraw(Canvas canvas) { super.onDraw(canvas); mCanvas.drawPath(mPath, mPaint); // mCanvas.drawPoint(mX, mY, mPaint); canvas.drawBitmap(mBitmap, X, Y, null); } @Override public boolean onTouchEvent(MotionEvent event) { if (!touchRect.contains((int) event.getX(), (int) event.getY())) { return false; } switch (event.getAction()) { case MotionEvent.ACTION_DOWN: touchDown(event.getRawX(), event.getRawY()); touchDown(event.getX() - touchRect.left, event.getY() - touchRect.top); invalidate(); break; case MotionEvent.ACTION_MOVE: touchMove(event.getX() - touchRect.left, event.getY() - touchRect.top); invalidate(); break; case MotionEvent.ACTION_UP: touchUp(event.getX() - touchRect.left, event.getY() - touchRect.top); invalidate(); break; default: break; } return true; } private void touchDown(float x, float y) { mPath.reset(); mPath.moveTo(x, y); mX = x; mY = y; } private void touchMove(float x, float y) { float dx = Math.abs(x - mX); float dy = Math.abs(y - mY); if (dx >= TOUCH_TOLERANCE || dy >= TOUCH_TOLERANCE) { mPath.quadTo(mX, mY, (x + mX) / 2, (y + mY) / 2); mX = x; mY = y; } } private void touchUp(float x, float y) { mPath.lineTo(x, y); mCanvas.drawPath(mPath, mPaint); mPath.reset(); } } }
布局:
<?xml version="1.0" encoding="utf-8"?> <AbsoluteLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent" > <!-- 必须设置 android:layout_width android:layout_height 的值为常量 --> <com.reyo.view.ScratchTextView android:id="@+id/rubbler" android:layout_y="100dip" android:layout_x="100dip" android:layout_width="100dip" android:layout_height="50dip" android:text="谢谢您" android:textSize="18sp" android:gravity="center" /> </AbsoluteLayout>
仿刮奖效果的控件
https://github.com/winsontan520/Android-WScratchView
发表评论
-
NestedScrollView滚动到顶部固定子View悬停挂靠粘在顶端
2018-10-31 20:45 6811网上有一个StickyScrollView,称之为粘性Scro ... -
自定义Behavior实现AppBarLayout越界弹性效果
2017-03-31 09:33 10235一、继承AppBarLayout.Beha ... -
Android - 一种相似图片搜索算法的实现
2017-03-31 09:33 2570算法 缩小尺寸。 将图片缩小到8x8的尺寸,总共64个 ... -
使用SpringAnimation实现带下拉弹簧动画的 ScrollView
2017-03-30 11:30 2795在刚推出的 Support Library 25.3.0 里面 ... -
Android为应用添加角标(Badge)
2017-03-30 11:21 61041.需求简介 角标是什么意思呢? 看下图即可明了: 可 ... -
Android端与笔记本利用局域网进行FTP通信
2017-03-23 10:17 928先看图 打开前: 打开后: Activity类 ... -
PorterDuffColorFilter 在项目中的基本使用
2017-03-03 10:58 1301有时候标题栏会浮在内容之上,而内容会有颜色的变化,这时候就要求 ... -
ColorAnimationView 实现了滑动Viewpager 时背景色动态变化的过渡效果
2017-02-24 09:41 2172用法在注释中: import android.anima ... -
迷你轻量级全方向完美滑动处理侧滑控件SlideLayout
2017-01-16 16:53 2552纯手工超级迷你轻量级全方向完美滑动处理侧滑控件(比官方 sup ... -
Effect
2017-01-05 09:57 0https://github.com/JetradarMobi ... -
动态主题库Colorful,容易地改变App的配色方案
2016-12-27 14:49 2523Colorful是一个动态主题库,允许您很容易地改变App的配 ... -
对视图的对角线切割DiagonalView
2016-12-27 14:23 1075提供对视图的对角线切割,具有很好的用户定制 基本用法 ... -
仿淘宝京东拖拽商品详情页上下滚动黏滞效果
2016-12-26 16:53 3423比较常用的效果,有现成的,如此甚好!:) import ... -
让任意view具有滑动效果的SlideUp
2016-12-26 09:26 1662基本的类,只有一个: import android.a ... -
AdvancedWebView
2016-12-21 09:44 16https://github.com/delight-im/A ... -
可设置圆角背景边框的按钮, 通过调节色彩明度自动计算按下(pressed)状态颜色
2016-11-02 22:13 1863可设置圆角背景边框的的按钮, 通过调节色彩明度自动计算按下(p ... -
网络请求库相关
2016-10-09 09:35 62https://github.com/amitshekhari ... -
ASimpleCache一个简单的缓存框架
2015-10-26 22:53 2124ASimpleCache 是一个为android制定的 轻量级 ... -
使用ViewDragHelper实现的DragLayout开门效果
2015-10-23 10:55 3337先看一下图,有个直观的了解,向下拖动handle就“开门了”: ... -
保证图片长宽比的同时拉伸图片ImageView
2015-10-16 15:40 3680按比例放大图片,不拉伸失真 import android. ...
相关推荐
一个html5 canvas的刮刮卡效果
html5手机刮刮卡效果_手指滑动刮刮卡特效
微信接口,刮刮卡(含微信接口处理和html5刮刮卡效果)经测试可用。 weixin.php 微信接口处理文件(包含了概率和跳转页面,返回值等操作) ggk文件夹 存放了一个html5的刮刮卡前端效果(经测试Android 和IOS均可用...
刮刮卡(含微信接口处理和html5刮刮卡效果,完整版可用于商业,方便再开发)经测试可用。 weixin.php 微信接口处理文件(包含了概率和跳转页面,返回值等操作) ggk文件夹 存放了一个html5的刮刮卡前端效果(经测试...
移动端刮刮卡效果 使用了canvas,奖品可以自己用 canvas 生成一下。朋友推荐的一个插件写的,挺好用的
canvas绘制刮刮卡效果 本文实例为大家分享了canvas绘制刮刮卡效果的具体代码,供大家参考,具体内容如下 先上图 代码 <!DOCTYPE html> <html> <head> 风舞红枫,前端技术,canvas"/> 风舞红枫,前端...
使用 HTML5 + canvas 实现刮刮卡效果
android刮刮卡效果实现Demo,包含圆形图片的实现
2种使用html5实现刮刮卡效果 html5 刮刮卡 canvas jquery css3 简单粗暴,流行的刮刮卡实现方式 代码清晰,方便解读
仿微信界面+刮刮卡效果,欢迎下载学习与交流
html5 canvas 实现刮刮卡效果,实现简单网络资源占用少
js刮刮卡效果
利用html5的特性来实现刮刮卡效果,所以浏览器要求比较高
使用PorterDuffXfermode实现一个简单的刮刮卡效果
apk软件,可以实现刮刮卡效果,利用安卓自定义view的图层重叠方法绘制,只需用手划过屏幕。另外apk文件在bin下面,已经运行好了,可以随时拿去用。
微信刮刮卡的效果源码,PC、iPhone和Android机器上面完美运行