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_(控件)使用自定义控件在屏幕中绘制一条虚线

最新文章

热门文章