Android基础入门教程 2015年最新Android基础入门教程目录 背景相关与系统架构分析 开发环境搭建 使用Eclipse + ADT + SDK开发Android APP 使用Android Studio开发Android APP SDK更新不了问题解决 Genymotion模拟器安装 Git使用教程之本地仓库的基本操作 Git之使用GitHub搭建远程仓库 (九妹)图片怎么玩 界面原型设计 工程相关解析(各种文件,资源访问) Android程序签名打包 反编译APK获取代码&资源 反编译APK获取代码&资源 View与ViewGroup的概念 LinearLayout(线性布局) RelativeLayout(相对布局) TableLayout(表格布局) FrameLayout(帧布局) GridLayout(网格布局) AbsoluteLayout(绝对布局) TextView(文本框)详解 EditText(输入框)详解 Button(按钮)与ImageButton(图像按钮) ImageView(图像视图) RadioButton(单选按钮)&Checkbox(复选框) 开关按钮ToggleButton和开关Switch ProgressBar(进度条) SeekBar(拖动条) RatingBar(星级评分条) ScrollView(滚动条) Date & Time组件(上) Date & Time组件(下) Adapter基础讲解 ListView简单实用 BaseAdapter优化 ListView的焦点问题 ListView之checkbox错位问题解决 ListView的数据更新问题 构建一个可复用的自定义BaseAdapter ListView Item多布局的实现 GridView(网格视图)的基本使用 Spinner(列表选项框)的基本使用 AutoCompleteTextView(自动完成文本框)的基本使用 ExpandableListView(可折叠列表)的基本使用 ViewFlipper(翻转视图)的基本使用 Toast(吐司)的基本使用 Notification(状态栏通知)详解 AlertDialog(对话框)详解 其他几种常用对话框基本使用 PopupWindow(悬浮框)的基本使用 菜单(Menu) ViewPager的简单使用 DrawerLayout(官方侧滑菜单)的简单使用 基于监听的事件处理机制 基于回调的事件处理机制 Handler消息传递机制浅析 TouchListener PK OnTouchEvent + 多点触碰 监听EditText的内容变化 响应系统设置的事件(Configuration类) AnsyncTask异步任务 Gestures(手势) Activity初学乍练 Activity初窥门径 Activity登堂入室 Service初涉 Service进阶 Service精通 BroadcastReceiver牛刀小试 BroadcastReceiver庖丁解牛 ContentProvider初探 ContentProvider再探——Document Provider Intent的基本使用 Intent之复杂数据的传递 Fragment基本概述 Fragment实例精讲——底部导航栏的实现(方法1) Fragment实例精讲——底部导航栏的实现(方法2) Fragment实例精讲——底部导航栏的实现(方法3) Fragment实例精讲——底部导航栏+ViewPager滑动切换页面 Fragment实例精讲——新闻(购物)类App列表Fragment的简单实现 数据存储与访问之——文件存储读写 数据存储与访问之——SharedPreferences保存用户偏好参数 数据存储与访问之——初见SQLite数据库 数据存储与访问之——又见SQLite数据库 Android网络编程要学的东西与Http协议学习 Android Http请求头与响应头的学习 Android HTTP请求方式:HttpURLConnection Android HTTP请求方式:HttpClient Android XML数据解析 Android JSON数据解析 Android 文件上传 Android 文件下载(1) Android 文件下载(2) Android 调用 WebService WebView(网页视图)基本用法 WebView和JavaScrip交互基础 Android 4.4后WebView的一些注意事项 WebView文件下载 WebView缓存问题 WebView处理网页返回的错误码信息 Socket学习网络基础准备 基于TCP协议的Socket通信(1) 分类 Android 基础入门教程 基于TCP协议的Socket通信(2) 基于UDP协议的Socket通信 Android中的13种Drawable小结 Part 1 Android中的13种Drawable小结 Part 2 Android中的13种Drawable小结 Part 3 Bitmap(位图)全解析 Part 1 Bitmap引起的OOM问题 三个绘图工具类详解 绘图类实战示例 Paint API之—— MaskFilter(面具) Paint API之—— Xfermode与PorterDuff详解(一) Paint API之—— Xfermode与PorterDuff详解(二) Paint API之—— Xfermode与PorterDuff详解(三) Paint API之—— Xfermode与PorterDuff详解(四) Paint API之—— Xfermode与PorterDuff详解(五) Paint API之—— ColorFilter(颜色过滤器)(1/3) Paint API之—— ColorFilter(颜色过滤器)(2-3) Paint API之—— ColorFilter(颜色过滤器)(3-3) Paint API之—— PathEffect(路径效果) Paint API之—— Shader(图像渲染) Paint几个枚举/常量值以及ShadowLayer阴影效果 Paint API之——Typeface(字型) Canvas API详解(Part 1) Canvas API详解(Part 2)剪切方法合集 Canvas API详解(Part 3)Matrix和drawBitmapMash Android动画合集之帧动画 Android动画合集之补间动画 Android动画合集之属性动画-初见 Android动画合集之属性动画-又见 使用SoundPool播放音效(Duang~) MediaPlayer播放音频与视频 使用Camera拍照 使用MediaRecord录音 TelephonyManager(电话管理器) SmsManager(短信管理器) AudioManager(音频管理器) Vibrator(振动器) AlarmManager(闹钟服务) PowerManager(电源服务) WindowManager(窗口管理服务) LayoutInflater(布局服务) WallpaperManager(壁纸管理器) 传感器专题(1)——相关介绍 传感器专题(2)——方向传感器 传感器专题(3)——加速度/陀螺仪传感器 传感器专题(4)——其他传感器了解 Android GPS初涉 《2015最新Android基础入门教程》完结散花~

Android 开发手册

浏览86891
更新时间2022-04-15

本节引言:

本节继续来学习Paint的API——PathEffect(路径效果),我们把画笔的sytle设置为Stroke,可以 绘制一个个由线构成的图形,而这些线偶尔会显得单调是吧,比如你想把这些先改成虚线,又 或者想让路径的转角变得圆滑等,那你就可以考虑使用这个PathEffect来实现了!

官方API文档:PathEffect进去看文档,可以发现这个PathEffect和我们前面学的MaskFilter(面具)与ColorFilter(颜色 过滤器)一样,几乎没有可用的方法:

1.png

我们一般使用的是他的六个子类:

下面我们依次对他们的作用,以及构造方法进行分析!


1.子类作用与构造方法参数分析:


1)CornerPathEffect

CornerPathEffect(float radius)

将Path的各个连接线段之间的夹角用一种更平滑的方式连接,类似于圆弧与切线的效果。 radius则是指定圆弧的半径!


2)DashPathEffect

DashPathEffect(float[] intervals, float phase)

将Path的线段虚线化,intervals为虚线的ON和OFF的数组,数组中元素数目需要 >= 2; 而phase则为绘制时的偏移量!


3)DiscretePathEffect

DiscretePathEffect(float segmentLength, float deviation)

打散Path的线段,使得在原来路径的基础上发生打散效果。 segmentLength指定最大的段长,deviation则为绘制时的偏离量。


4)PathDashPathEffect

PathDashPathEffect(Path shape, float advance, float phase, PathDashPathEffect.Style style)

作用是使用Path图形来填充当前的路径,shape指的填充图形,advance是每个图形间的间隔, style则是该类自由的枚举值,有三种情况:ROTATE、MORPH和TRANSLATE。

  • ROTATE情况下:线段连接处的图形转换以旋转到与下一段移动方向相一致的角度进行连接
  • MORPH情况下:图形会以发生拉伸或压缩等变形的情况与下一段相连接
  • TRANSLATE情况下:图形会以位置平移的方式与下一段相连接

5)ComposePathEffect

ComposePathEffect(PathEffect outerpe, PathEffect innerpe)

作用是:组合效果,会首先将innerpe变现出来,接着在innerpe的基础上来增加outerpe效果!


6)SumPathEffect

SumPathEffect(PathEffect first, PathEffect second)

作用是:叠加效果,和ComposePathEffect不同,在表现时会将两个参数的效果都独立的表现出来, 接着将两个效果简单的重叠在一起显示出来!


2.写代码来验证各自的效果

多说无益,写代码最实际,我们写下代码来试试这几个子类各自所起的效果!

运行效果图:

2.gif

实现代码:

我们自己来写一个View,里面的线移动的效果是phase增加造成的,每次 + 2, 然后invalidate重绘而已,所以别惊讶!PathEffectView.java:

/**
 * Created by Jay on 2015/10/30 0030.
 */
public class PathEffectView extends View {

    private Paint mPaint;
    private Path mPath;
    private float phase = 0;
    private PathEffect[] effects = new PathEffect[7];
    private int[] colors;

    public PathEffectView(Context context) {
        this(context, null);
    }

    public PathEffectView(Context context, AttributeSet attrs) {
        super(context, attrs);
        init();
    }

    public PathEffectView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    //初始化画笔
    private void init() {
        mPaint = new Paint(Paint.ANTI_ALIAS_FLAG); //抗锯齿
        mPaint.setStyle(Paint.Style.STROKE);       //绘画风格:空心
        mPaint.setStrokeWidth(5);                  //笔触粗细
        mPath = new Path();
        mPath.moveTo(0, 0);
        for (int i = 1; i <= 15; i++) {
            // 生成15个点,随机生成它们的坐标,并将它们连成一条Path
            mPath.lineTo(i * 40, (float) Math.random() * 100);
        }
        // 初始化7个颜色
        colors = new int[] { Color.RED, Color.BLUE, Color.GREEN,
                Color.YELLOW, Color.BLACK, Color.MAGENTA, Color.CYAN };
    }


    @Override
    protected void onDraw(Canvas canvas) {
        canvas.drawColor(Color.WHITE);
        //初始化其中路径效果:
        effects[0] = null;                                    //无效果
        effects[1] = new CornerPathEffect(10);                //CornerPathEffect
        effects[2] = new DiscretePathEffect(3.0f, 5.0f);      //DiscretePathEffect
        effects[3] = new DashPathEffect(new float[] { 20, 10, 5, 10 },phase);   //DashPathEffect
        Path p = new Path();
        p.addRect(0, 0, 8, 8, Path.Direction.CCW);
        effects[4] = new PathDashPathEffect(p, 12, phase,
                PathDashPathEffect.Style.ROTATE);             //PathDashPathEffect
        effects[5] = new ComposePathEffect(effects[2], effects[4]);    //ComposePathEffect
        effects[6] = new SumPathEffect(effects[2], effects[4]);   //SumPathEffect
        // 将画布移动到(10,10)处开始绘制
        canvas.translate(10, 10);
        // 依次使用7中不同的路径效果、7中不同的颜色来绘制路径
        for (int i = 0; i < effects.length; i++) {
            mPaint.setPathEffect(effects[i]);
            mPaint.setColor(colors[i]);
            canvas.drawPath(mPath, mPaint);
            canvas.translate(0, 60);
        }
        // 改变phase值,形成动画效果
        phase += 2;
        invalidate();
    }
}

好的,代码的注释已经非常清楚了,这里也不唠叨了~


3.本节示例代码下载:

PathEffectDemo.zip


本节小结

本节没什么难的东西,就介绍了PathEffect的六个子类所起的作用,只需调用setPathEffect 方法应用到Paint对象中,非常简单~嗯,就说这么多,谢谢~

相关视频

更多

免费

微信小程序--企业微网站
初级微信小程序--企业微网站

5.5万次学习

收藏

免费

微信小程序开发基础教程
初级微信小程序开发基础教程

6.9万次学习

收藏

免费

微信小程序基础API篇
高级微信小程序基础API篇

3.6万次学习

收藏

免费

微信小程序--微商城
高级微信小程序--微商城

4万次学习

收藏

精品课程

更多
前端入门_HTML5
前端入门_HTML5

共29课时

65.2万人学习

CSS视频教程-玉女心经版
CSS视频教程-玉女心经版

共25课时

41.4万人学习

JavaScript极速入门_玉女心经系列
JavaScript极速入门_玉女心经系列

共43课时

77万人学习

独孤九贱(1)_HTML5视频教程
独孤九贱(1)_HTML5视频教程

共25课时

64.3万人学习

独孤九贱(2)_CSS视频教程
独孤九贱(2)_CSS视频教程

共22课时

24.5万人学习

独孤九贱(3)_JavaScript视频教程
独孤九贱(3)_JavaScript视频教程

共28课时

36.4万人学习

独孤九贱(4)_PHP视频教程
独孤九贱(4)_PHP视频教程

共89课时

134.1万人学习

热门下载

更多
phpStudy 2018最新版
phpStudy 2018最新版

集成PHP7,16种组合,超全大合集

下载

VC9 32位
VC9 32位

VC9 32位 phpstudy集成安装环境运行库

下载

VC11 32位
VC11 32位

VC11 32位 phpstudy集成安装环境运行库​

下载

php程序员工具箱完整版
php程序员工具箱完整版

程序员工具箱 v1.0 php集成环境

下载

VC14 32位
VC14 32位

VC14 32位 phpstudy安装环境运行库

下载

SublimeText3汉化版
SublimeText3汉化版

中文版,非常好用

下载

Notepad++ Windows版
Notepad++ Windows版

Notepad++ 8.9.7 Windows版官方安装包,适合 Windows 用户进行代码编辑、文本处理、语法高亮和插件扩展配置。

下载