Android_(控件)使用自定义控件在屏幕中绘制一条虚线

Posted Cynical丶Gary

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Android_(控件)使用自定义控件在屏幕中绘制一条虚线相关的知识,希望对你有一定的参考价值。

 

 

android屏幕中绘制虚线,最通用的是自定义控件DashedLine,再将自定义控件放入xml布局中

 

运行截图:

 

程序结构

package com.example.asus.gary_042;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.DashPathEffect;
import android.graphics.Paint;
import android.graphics.Path;
import android.graphics.PathEffect;
import android.util.AttributeSet;
import android.view.View;

/**
 * Created by ASUS on 2018/5/26.
 */

public class DashedLine extends View{
    public DashedLine(Context context,AttributeSet attrs) {
        super(context,attrs);
    }

    protected void onDraw(Canvas canvas){
        super.onDraw(canvas);
        Paint paint = new Paint();
         paint.setStyle(Paint.Style.STROKE);
        paint.setColor(Color.BLACK);
        Path path = new Path();
        path.moveTo(0,200);
        path.lineTo(1280,200);
        PathEffect effects = new DashPathEffect(new float[]{5,5,5,5},1);
        paint.setPathEffect(effects);
        canvas.drawPath(path,paint);
    }
}
DashedLine

 

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.example.asus.gary_042.MainActivity">

 <com.example.asus.gary_042.DashedLine
     android:id="@+id/dashedLine"
     android:layout_width="match_parent"
     android:layout_height="match_parent" />

</LinearLayout>
activity_main.xml

 

一、自定义控件DashedLine,使用这个控件能在屏幕中绘制一条虚线

 

   protected void onDraw(Canvas canvas){
        super.onDraw(canvas);
        Paint paint = new Paint();
        //给path设置样式(效果)的,STORKE设置虚线
         paint.setStyle(Paint.Style.STROKE);
        //设置虚线颜色
        paint.setColor(Color.BLACK);
        Path path = new Path();
        //起点
        path.moveTo(0,200);
        //终点
        path.lineTo(1280,200);
        //那么虚线的一个单位就是由5像素实线,5像素空白,5像素实线,5像素空白组成的虚线段。
        PathEffect effects = new DashPathEffect(new float[]{5,5,5,5},1);
        //将样式放入直线中
        paint.setPathEffect(effects);
        canvas.drawPath(path,paint);
    }

 

canvas.drawPath方法:传送门

Path类包含了由直线、二次曲线、三次曲线组成多种符合的集合路径图形,它可以用canvas.drawPath()来绘制,并且可以使填充的或者描边的(是基于paint的style的),并且它可以用于裁剪或者在一条path上面绘制文本。

 

Canvas只有drawLine方法,没有drawDashLine方法。但是你要知道,画什么虽然是Canvas决定的,但是怎么画却是由画笔Paint决定的

Paint有setPathEffect(PathEffect effect)这么一个方法,PathEffect一共有六个子类:传送门
ComposePathEffect,
CornerPathEffect,
DashPathEffect,
DiscretePathEffect,
PathDashPathEffect,
SumPathEffect,
其中的DashPathEffect就是我们需要的虚线效果

二、在activity_main文件中引入自定义控件DashedLine
 
添加引用该自定义空间所在位置的绝对路径
<com.example.asus.gary_042.DashedLine>
 
 <com.example.asus.gary_042.DashedLine
     android:id="@+id/dashedLine"
     android:layout_width="match_parent"
     android:layout_height="match_parent" 
     />

 

以上是关于Android_(控件)使用自定义控件在屏幕中绘制一条虚线的主要内容,如果未能解决你的问题,请参考以下文章

自定义控件浅析

Android轮盘控件-自定义

记录学习Android基础的心得09:常用控件(高级篇)

简单的学习心得:网易云课堂Android开发第三章自定义控件

Android进阶之绘制-自定义View完全掌握

Android 自定义控件——图片剪裁