Android自定义水平或垂直虚线效果

发布时间 - 2026-01-11 02:16:15    点击率:

项目中有时候会用到虚线,怎么办?drawable下创建一个shape类型的xml文件绘制,然后引用到view的background下?如果用到虚线的地方很多呢?创建多个,分别引用?横向的还好说,竖向的呢?垂直的虚线,普通的创建是显示不出来的,如果需要,就要进行旋转等的操作。但是,还是那个问题,需要很多个怎么办?挨个创建?

完全没必要,写个自定义,对外暴露设置虚线属性的方法就行。源码如下:

最后的说明很重要!!!
最后的说明很重要!!!
最后的说明很重要!!!

效果图:

源码:

ImaginaryLineView

package com.chen.demo;

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

/**
 * 自定义垂直虚线view
 * chenjianqiang
 * 2017/6/14
 * <p>
 * 使用方法:
 * 在代码中findview之后,调用setLineAttribute方法,自定义虚线颜色及宽度
 */
public class ImaginaryLineView extends View {

 private Context ct;
 private Paint mPaint;
 private Path mPath;
 private PathEffect effects;
 private int width;
 private int height;

 private int defaultColor=0xffff0000;

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

 public ImaginaryLineView(Context context, @Nullable AttributeSet attrs) {
 this(context, attrs, -1);
 }

 public ImaginaryLineView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
 super(context, attrs, defStyleAttr);

 ct = context;
 init();
 }

 @Override
 protected void onSizeChanged(int w, int h, int oldw, int oldh) {
 super.onSizeChanged(w, h, oldw, oldh);
 width = w;
 height = h;

 }

 private void init() {

 //初始化,并打开抗锯齿
 mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
 mPaint.setStyle(Paint.Style.STROKE);
 mPaint.setColor(defaultColor);
 mPaint.setStrokeWidth(dip2px(ct, 1));

 mPath = new Path();
 //数组含义:里面最少要有2个值,值的个数必须是偶数个。偶数位(包含0),表示实线长度,奇数位表示断开的长度
 effects = new DashPathEffect(new float[]{4, 2}, 0);


 }

 /**
 * 设置线的必要属性
 *
 * @param color 十六进制颜色值
 * @param lineWidth 虚线宽度,单位是dp
 */
 public void setLineAttribute(int color, float lineWidth,float[] f) {

 if (color == 0) {
  color = defaultColor;
 }
 if (lineWidth == 0) {
  lineWidth = 1;
 }
 if(f==null){
  f=new float[]{4,2};
 }
 effects = new DashPathEffect(f, 0);

 mPaint.setStrokeWidth(dip2px(ct, lineWidth));
 mPaint.setColor(color);

 invalidate();
 }

 @Override
 protected void onDraw(Canvas canvas) {
 super.onDraw(canvas);

 //定义起点
 mPath.moveTo(0, 0);
 //定义终点
 if(width>height){
  //宽度比高度大,是横线
  mPath.lineTo(width, 0);
 }else{
  //竖线。(根据实际情况,这里不考虑宽高相等情况)
  mPath.lineTo(0, height);
 }

 mPaint.setPathEffect(effects);

 canvas.drawPath(mPath, mPaint);
 }

 private static int dip2px(Context context, float dpValue) {
 final float scale = context.getResources().getDisplayMetrics().density;
 return (int) (dpValue * scale + 0.5f);
 }

}

activity_main

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
 xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:orientation="vertical">

 <TextView
 android:text="默认横线"
 android:layout_marginStart="20dp"
 android:layout_marginTop="20dp"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"/>

 <com.chen.demo.ImaginaryLineView

 android:background="#5500ff00"
 android:layout_marginStart="20dp"
 android:layout_marginTop="20dp"
 android:layout_width="100dp"
 android:layout_height="1dp"/>

 <TextView
 android:text="自定义属性横线"
 android:layout_marginStart="20dp"
 android:layout_marginTop="20dp"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"/>

 <com.chen.demo.ImaginaryLineView
 android:id="@+id/horizontal_line"
 android:layout_marginStart="20dp"
 android:layout_marginTop="20dp"
 android:layout_width="100dp"
 android:layout_height="1dp"/>

 <TextView
 android:text="默认横线"
 android:layout_marginStart="20dp"
 android:layout_marginTop="20dp"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"/>

 <com.chen.demo.ImaginaryLineView
 android:layout_marginStart="20dp"
 android:layout_marginTop="20dp"
 android:layout_width="2dp"
 android:layout_height="100dp"/>

 <TextView
 android:text="自定义属性竖线"
 android:layout_marginStart="20dp"
 android:layout_marginTop="20dp"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"/>

 <com.chen.demo.ImaginaryLineView
 android:id="@+id/vertical_line"
 android:layout_marginStart="20dp"
 android:layout_marginTop="20dp"
 android:layout_width="2dp"
 android:layout_height="100dp"/>


</LinearLayout>

MainActivity

package com.chen.demo;

import android.app.Activity;
import android.os.Bundle;
import android.view.Window;

public class MainActivity extends Activity {

 private ImaginaryLineView horizontal_line;
 private ImaginaryLineView vertical_line;

 @Override
 protected void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 requestWindowFeature(Window.FEATURE_NO_TITLE);
 setContentView(R.layout.activity_main);

 horizontal_line= (ImaginaryLineView) findViewById(R.id.horizontal_line);
 horizontal_line.setLineAttribute(0xff00ff00,5,null);


 vertical_line= (ImaginaryLineView) findViewById(R.id.vertical_line);
 vertical_line.setLineAttribute(0xff0000ff,5,new float[]{10,2,5,5});


 }

}

说明:

1、这个自定义view,会自动判断是水平还是竖直。自己仅仅需要在布局文件中设置了宽高就行。
2、在自定义的源码中,仅仅是粗略的限定了虚线路径,准确的说,应该是宽的中点到高的中点,因为一般的虚线都是1px,或者1dp宽,少数会到2dp,这么窄的值,取不取中点无所谓。如果虚线很宽,就会有一点误差,如图:

蓝色的是绘制出来的虚线,但是这个虚线10dp宽,即:虚线画笔比设置的宽度要小,就会这样。不过一般不会有种情况。如果遇到,根据实际情况修改即可

3、不建议为了省事而把终点设置为:mPath.lineTo(width, height);
4、需要虚线的时候,布局到文件中,setLineAttribute即可,不用每次都新建一个shape

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。


# Android虚线效果  # Android水平虚线  # Android垂直虚线  # Android自定义View实现绘制虚线的方法详解  # Android实现代码画虚线边框背景效果  # Android实现渐变色的圆弧虚线效果  # Android中自定义水平进度条样式之黑色虚线  # 自定义  # 很重要  # 就会  # 就行  # 实际情况  # 的是  # 都是  # 多个  # 的说  # 要有  # 中有  # 要在  # 仅仅是  # 如图  # 每次都  # 设置为  # 没必要  # 创建一个  # 仅需  # 点到 


相关栏目: 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571


相关推荐: Laravel Eloquent模型如何创建_Laravel ORM基础之Model创建与使用教程  python中快速进行多个字符替换的方法小结  高端建站三要素:定制模板、企业官网与响应式设计优化  制作公司内部网站有哪些,内网如何建网站?  Laravel中间件起什么作用_Laravel Middleware请求生命周期与自定义详解  微信小程序 wx.uploadFile无法上传解决办法  Laravel中的Facade(门面)到底是什么原理  浅析上传头像示例及其注意事项  Laravel API资源类怎么用_Laravel API Resource数据转换  Windows驱动无法加载错误解决方法_驱动签名验证失败处理步骤  动图在线制作网站有哪些,滑动动图图集怎么做?  如何基于云服务器快速搭建个人网站?  国美网站制作流程,国美电器蒸汽鍋怎么用官方网站?  Laravel如何使用Eloquent进行子查询  Edge浏览器如何截图和滚动截图_微软Edge网页捕获功能使用教程【技巧】  CSS3怎么给轮播图加过渡动画_transition加transform实现【技巧】  JavaScript实现Fly Bird小游戏  HTML 中动态设置元素 name 属性的正确语法详解  香港服务器建站指南:免备案优势与SEO优化技巧全解析  专业商城网站制作公司有哪些,pi商城官网是哪个?  Python面向对象测试方法_mock解析【教程】  如何在万网利用已有域名快速建站?  如何用AI帮你把自己的生活经历写成一个有趣的故事?  再谈Python中的字符串与字符编码(推荐)  Laravel如何处理异常和错误?(Handler示例)  Laravel 419 page expired怎么解决_Laravel CSRF令牌过期处理  laravel怎么使用数据库工厂(Factory)生成带有关联模型的数据_laravel Factory生成关联数据方法  最好的网站制作公司,网购哪个网站口碑最好,推荐几个?谢谢?  常州企业网站制作公司,全国继续教育网怎么登录?  图片制作网站免费软件,有没有免费的网站或软件可以将图片批量转为A4大小的pdf?  ,怎么在广州志愿者网站注册?  移动端脚本框架Hammer.js  微信小程序 scroll-view组件实现列表页实例代码  Laravel Facade的原理是什么_深入理解Laravel门面及其工作机制  制作ppt免费网站有哪些,有哪些比较好的ppt模板下载网站?  JavaScript如何实现类型判断_typeof和instanceof有什么区别  怎么用AI帮你为初创公司进行市场定位分析?  如何在阿里云ECS服务器部署织梦CMS网站?  Android自定义控件实现温度旋转按钮效果  如何确保FTP站点访问权限与数据传输安全?  Android仿QQ列表左滑删除操作  Laravel如何使用Facades(门面)及其工作原理_Laravel门面模式与底层机制  JavaScript中如何操作剪贴板_ClipboardAPI怎么用  php后缀怎么变mp4格式错误_修改扩展名提示格式不对怎么办【技巧】  如何在万网开始建站?分步指南解析  Laravel如何实现多表关联模型定义_Laravel多对多关系及中间表数据存取【方法】  Firefox Developer Edition开发者版本入口  Python结构化数据采集_字段抽取解析【教程】  如何在阿里云高效完成企业建站全流程?  如何在建站宝盒中设置产品搜索功能?