`
老七的米店
  • 浏览: 48890 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

请您先登录,才能继续操作

Api Demo - .graphics(13)

阅读更多
//关键字 Paint,MaskFilte,Path,Xfermode
package com.example.android.apis.graphics;

import android.app.Activity;
import android.content.Context;
import android.graphics.*;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.view.MotionEvent;
import android.view.View;

public class FingerPaint extends GraphicsActivity
        implements ColorPickerDialog.OnColorChangedListener {    

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(new MyView(this));

        mPaint = new Paint();
        mPaint.setAntiAlias(true);
        mPaint.setDither(true);
        mPaint.setColor(0xFFFF0000);
        mPaint.setStyle(Paint.Style.STROKE);
        mPaint.setStrokeJoin(Paint.Join.BEVEL);//设置节点风格 
        mPaint.setStrokeCap(Paint.Cap.SQUARE);//设置起点风格
        mPaint.setStrokeWidth(12);
        
        mEmboss = new EmbossMaskFilter(new float[] { 1, 1, 1 },   //浮雕化过滤
                                       0.4f, 6, 3.5f);

        mBlur = new BlurMaskFilter(8, BlurMaskFilter.Blur.NORMAL);//模糊化过滤
    }
    
    private Paint       mPaint;
    private MaskFilter  mEmboss;
    private MaskFilter  mBlur;
    
    public void colorChanged(int color) {
        mPaint.setColor(color);
    }

    public class MyView extends View {
        
        private static final float MINP = 0.25f;
        private static final float MAXP = 0.75f;
        
        private Bitmap  mBitmap;
        private Canvas  mCanvas;
        private Path    mPath;
        private Paint   mBitmapPaint;
        
        public MyView(Context c) {
            super(c);
            
            mBitmap = Bitmap.createBitmap(320, 480, Bitmap.Config.ARGB_8888);
            mCanvas = new Canvas(mBitmap);
            mPath = new Path();
            mBitmapPaint = new Paint(Paint.DITHER_FLAG);
        }

        @Override
        protected void onSizeChanged(int w, int h, int oldw, int oldh) {
            super.onSizeChanged(w, h, oldw, oldh);
        }
        
        @Override
        protected void onDraw(Canvas canvas) {
            canvas.drawColor(0xFFAAAAAA);
            
            canvas.drawBitmap(mBitmap, 0, 0, mBitmapPaint);
            
            canvas.drawPath(mPath, mPaint);
        }
        
        private float mX, mY;
        private static final float TOUCH_TOLERANCE = 4;
        
        private void touch_start(float x, float y) {
            mPath.reset();//初始化路径
            mPath.moveTo(x, y);//将路径起点移到指定位置
            mX = x;
            mY = y;
        }
        private void touch_move(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 touch_up() {
            mPath.lineTo(mX, mY);//朝目标点绘制直线
            // commit the path to our offscreen
            mCanvas.drawPath(mPath, mPaint);//将路径确定在画布上
            // kill this so we don't double draw
            mPath.reset();
        }
        
        @Override
        public boolean onTouchEvent(MotionEvent event) {
            float x = event.getX();
            float y = event.getY();
            
            switch (event.getAction()) {
                case MotionEvent.ACTION_DOWN:
                    touch_start(x, y);
                    invalidate();
                    break;
                case MotionEvent.ACTION_MOVE:
                    touch_move(x, y);
                    invalidate();
                    break;
                case MotionEvent.ACTION_UP:
                    touch_up();
                    invalidate();
                    break;
            }
            return true;
        }
    }
    
    private static final int COLOR_MENU_ID = Menu.FIRST;
    private static final int EMBOSS_MENU_ID = Menu.FIRST + 1;
    private static final int BLUR_MENU_ID = Menu.FIRST + 2;
    private static final int ERASE_MENU_ID = Menu.FIRST + 3;
    private static final int SRCATOP_MENU_ID = Menu.FIRST + 4;

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        super.onCreateOptionsMenu(menu);
        
        menu.add(0, COLOR_MENU_ID, 0, "Color").setShortcut('3', 'c');
        menu.add(0, EMBOSS_MENU_ID, 0, "Emboss").setShortcut('4', 's');
        menu.add(0, BLUR_MENU_ID, 0, "Blur").setShortcut('5', 'z');
        menu.add(0, ERASE_MENU_ID, 0, "Erase").setShortcut('5', 'z');
        menu.add(0, SRCATOP_MENU_ID, 0, "SrcATop").setShortcut('5', 'z');

        /****   Is this the mechanism to extend with filter effects?
        Intent intent = new Intent(null, getIntent().getData());
        intent.addCategory(Intent.CATEGORY_ALTERNATIVE);
        menu.addIntentOptions(
                              Menu.ALTERNATIVE, 0,
                              new ComponentName(this, NotesList.class),
                              null, intent, 0, null);
        *****/
        return true;
    }
    
    @Override
    public boolean onPrepareOptionsMenu(Menu menu) {
        super.onPrepareOptionsMenu(menu);
        return true;
    }
    
    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        mPaint.setXfermode(null);
        mPaint.setAlpha(0xFF);

        switch (item.getItemId()) {
            case COLOR_MENU_ID:
                new ColorPickerDialog(this, this, mPaint.getColor()).show();//颜色提取对话框
                return true;
            case EMBOSS_MENU_ID://浮雕
                if (mPaint.getMaskFilter() != mEmboss) {
                    mPaint.setMaskFilter(mEmboss);
                } else {
                    mPaint.setMaskFilter(null);
                }
                return true;
            case BLUR_MENU_ID://模糊效果
                if (mPaint.getMaskFilter() != mBlur) {
                    mPaint.setMaskFilter(mBlur);
                } else {
                    mPaint.setMaskFilter(null);
                }
                return true;
            case ERASE_MENU_ID://橡皮擦
                mPaint.setXfermode(new PorterDuffXfermode(
                                                        PorterDuff.Mode.CLEAR));
                return true;
            case SRCATOP_MENU_ID://灯光阴影效果
                mPaint.setXfermode(new PorterDuffXfermode(
                                                    PorterDuff.Mode.SRC_ATOP));
                mPaint.setAlpha(0x80);
                return true;
        }
        return super.onOptionsItemSelected(item);
    }
}

 

0
0
分享到:
评论

相关推荐

    大数据展示demo---HTML.zip

    4. **WebGL技术**:对于大数据集的3D可视化,可能会用到WebGL,这是一个JavaScript API,允许在浏览器中进行硬件加速的三维图形渲染。 5. **响应式设计**:考虑到多设备访问,HTML的响应式设计确保数据展示在不同...

    Win-API-cbutton.rar_DEMO

    本示例"Win-API-cbutton.rar_DEMO"着重于讲解如何使用Win API自定义绘制一个按钮控件(CButton),这对于初学者了解Windows GUI编程是非常有价值的。 首先,自绘按钮(CButton)是指开发者通过重写Windows消息处理...

    IOS应用源码Demo-图片区域截取demo-毕设学习.zip

    7. **Quartz 2D API**:这是Core Graphics的一部分,提供了一系列的函数用于2D绘图,如`CGContextClipToRect()`用于裁剪上下文,`CGContextDrawImage()`用于在裁剪后的区域内绘制图片。 8. **坐标系统转换**:在iOS...

    Microsoft.Maui.Graphics

    Microsoft.Maui.Graphics是完全使用C#针对iOS,Android,Windows,macOS,Tizen和Linux的跨平台图形库。 使用此库,您可以使用通用API来定位多个抽象,从而使您可以在平台之间共享绘图代码,或在单个应用程序内混合...

    window-shade-effect-demo.rar_DEMO

    通过这个DEMO,初学者可以了解到如何在实际项目中结合Windows API和C++编程技巧来实现复杂的视觉效果。在实践中不断调试和改进,可以加深对图形编程和动画原理的理解。如果你正在学习这一领域,这是一个很好的起点,...

    save-dib-demo.rar_Bitmap save _DEMO

    1. **GDI (Graphics Device Interface)**:这是Windows API的一部分,提供了绘制图形、文本和图像的基本功能。在保存DIB时,开发者通常会用到GDI函数,例如`CreateDIBSection`用于创建DIB,`BitBlt`用于位图操作,...

    IOS应用源码Demo-圆形时钟-毕设学习.zip

    Core Graphics是一个低级别的2D图形绘制系统,它提供了丰富的API,允许开发者直接绘制线条、形状和文本。在这个项目中,开发者可能会使用CGContext来创建一个圆形路径,并设置填充和描边颜色,然后通过定时器每隔...

    svg-pan-zoom-master.rar

    SVG(Scalable Vector Graphics)是一种基于XML的矢量图形格式,它允许开发者在Web上创建和展示高质量的图形,这些图形可以无限缩放而不会失真。SVG-pan-zoom库是专为JavaScript设计的一个工具,用于实现SVG图像的平...

    IOS应用源码Demo-股票的走势线-毕设学习.zip

    此外,考虑到数据的实时性,该Demo可能还使用了网络请求技术,如NSURLSession或Alamofire,来获取股票API提供的实时数据。这些数据可能以JSON格式返回,需要使用JSONSerialization或第三方库如SwiftyJSON进行解析。 ...

    ogre-Bullet-demo-master

    首先,Ogre(Object-Oriented Graphics Rendering Engine)是一款开源的3D渲染引擎,被广泛用于创建高质量的实时3D图形应用,如游戏、虚拟现实和科学可视化等。Ogre提供了丰富的图形功能,包括高级光照、纹理、着色...

    Android Graphics.Camera Demo

    `Android Graphics.Camera Demo`是一个展示如何使用`Camera`类进行图像捕获和显示的示例应用。这个Demo可以帮助开发者理解如何集成摄像头功能到自己的应用程序中,为用户提供拍照、录像等基本功能。 在Android系统...

    IOS应用源码Demo-电子书阅读器 - iPad PDF Reader-毕设学习.zip

    "IOS应用源码Demo-电子书阅读器 - iPad PDF Reader-毕设学习.zip" 这个标题揭示了几个关键信息点。首先,这是一个基于iOS平台的应用程序源代码示例,主要功能是电子书阅读器,特别强调支持iPad上的PDF阅读。其次,这...

    IOS应用源码Demo-贝塞尔曲线demo:一个运动的物体:PathMove for iOS-毕设学习.zip

    4. **Core Graphics框架**:可能涉及到Core Graphics库,它是iOS中用于绘制和操作图形的低级API,包括绘制贝塞尔曲线。 5. **物体动画**:学习如何使用Core Animation框架创建平滑的物体运动,结合贝塞尔曲线实现...

    IOS应用源码Demo-自定义的马赛克时间风格-毕设学习.zip

    开发者需要重写drawRect:方法,利用Core Graphics API来绘制时间的马赛克效果。 4. **Core Graphics(CG)**: - Core Graphics是苹果提供的低级图形绘制库,用于进行2D图形渲染。在这个项目中,开发者可能使用...

    IOS应用源码Demo-调整图片大小长宽的组件-毕设学习.zip

    2. **Core Graphics**:苹果的Core Graphics框架提供了低级别的图形绘制和处理能力,包括图像的旋转、缩放、裁剪等。在调整图片大小时,可能会用到`CGImage`和`CGContext`等核心图形接口。 3. **图像缩放算法**:在...

    CropperUpload最好的头像上传完整-PHP-DEMO.zip

    2. G:可能是图片或其他资源文件的目录,G通常代表Graphics,可能包含了示例图像或者用于测试的素材。 3. A:这个文件或目录的含义不明确,可能包含了辅助文件、配置文件,或者是一个单独的功能模块,具体用途需要...

    IOS应用源码Demo-一个画板-毕设学习.zip

    5. Core Graphics绘图:熟悉CGContext的相关API,进行路径绘制、颜色填充、描边等操作。 6. 数据持久化:如果应用支持保存和加载画作,会涉及NSUserDefaults或CoreData等数据存储机制。 7. 错误处理和日志:了解如何...

    IOS应用源码Demo-一个完整的功能比较全的PDF阅读器-毕设学习.zip

    iOS提供了内置的Core Graphics框架,其中包含CGPDFDocument和CGPDFPage等类,用于处理PDF文件。开发者需要熟悉这些API,以读取PDF元数据、获取页面数量、解码页面内容并将其绘制到屏幕上。此外,可能还会用到Core ...

    IOS应用源码Demo-多种风格颜色的进度条-毕设学习.zip

    3. **动画**:为了使进度条的变化更流畅,开发者可能会使用`UIView`的动画API,如`animateWithDuration:animations:`方法,或者使用`CADisplayLink`和`CAAnimation`来实现更复杂的动画效果。 4. **布局管理**:在...

    IOS应用源码Demo-点击放大图片-毕设学习.zip

    描述中提到“前两年的IOS应用源码”,这暗示了源代码可能基于较旧的iOS SDK版本,因此在查阅和学习时,需要考虑它可能不包含最新的API或者编程实践。然而,对于初学者来说,这样的代码仍然可以作为了解基本iOS开发...

Global site tag (gtag.js) - Google Analytics