Android自定義水平或垂直虛線效果

2019-10-22 18:32:39

字體：大中小

來源：轉載

供稿：網友

項目中有時候會用到虛線，怎么辦？drawable下創建一個shape類型的xml文件繪制，然后引用到view的background下？如果用到虛線的地方很多呢？創建多個，分別引用？橫向的還好說，豎向的呢？垂直的虛線，普通的創建是顯示不出來的，如果需要，就要進行旋轉等的操作。但是，還是那個問題，需要很多個怎么辦？挨個創建？

完全沒必要，寫個自定義，對外暴露設置虛線屬性的方法就行。源碼如下：

最后的說明很重要！！！
最后的說明很重要！！！
最后的說明很重要！！！

效果圖：

Android虛線效果,Android水平虛線,Android垂直虛線

源碼：

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，這么窄的值，取不取中點無所謂。如果虛線很寬，就會有一點誤差，如圖：

Android虛線效果,Android水平虛線,Android垂直虛線