Wie mache ich eine gepunktete / gestrichelte Linie in Android?

den Pfad-Effekt wird auf der paint-Objekt

Paint fgPaintSel = new Paint();
fgPaintSel.setARGB(255, 0, 0,0);
fgPaintSel.setStyle(Style.STROKE);
fgPaintSel.setPathEffect(new DashPathEffect(new float[] {10,20}, 0));

können Sie erstellen alle Arten von gepunkteten Muster durch die Bereitstellung mehr zahlen, die in dem int [] - array es gibt die Verhältnisse von Strich und Lücke. Dies ist eine einfache, gleichmäßig gestrichelten Linie.

InformationsquelleAutor der Antwort siliconeagle

Erstellen von xml - (view_line_dotted.xml):

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
        <item
            android:bottom="-1dp"
            android:left="-1dp"
            android:right="-1dp"
            android:top="0dp">

            <shape android:shape="rectangle">
                <stroke
                    android:width="1dp"
                    android:color="#ffff0017"
                    android:dashGap="3dp"
                    android:dashWidth="1dp" />

                <solid android:color="@android:color/transparent" />

                <padding
                    android:bottom="10dp"
                    android:left="10dp"
                    android:right="10dp"
                    android:top="10dp" />
            </shape>
        </item>
</layer-list>

Gesetzt als hintergrund für Ihre Ansicht:

<View
    android:layout_width="match_parent"
    android:layout_height="1dp"
    android:background="@drawable/view_line_dotted" />

InformationsquelleAutor der Antwort tier777

Ich Brauch ein dashline die Unterstützung von horizontalen&senkrecht gestrichelt . code unter:

public class DashedLineView extends View
{
private float density;
private Paint paint;
private Path path;
private PathEffect effects;

public DashedLineView(Context context)
{
    super(context);
    init(context);
}

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

public DashedLineView(Context context, AttributeSet attrs, int defStyle)
{
    super(context, attrs, defStyle);
    init(context);
}

private void init(Context context)
{
    density = DisplayUtil.getDisplayDensity(context);
    paint = new Paint();
    paint.setStyle(Paint.Style.STROKE);
    paint.setStrokeWidth(density * 4);
    //set your own color
    paint.setColor(context.getResources().getColor(R.color.XXX));
    path = new Path();
    //array is ON and OFF distances in px (4px line then 2px space)
    effects = new DashPathEffect(new float[] { 4, 2, 4, 2 }, 0);

}

@Override
protected void onDraw(Canvas canvas)
{
    //TODO Auto-generated method stub
    super.onDraw(canvas);
    paint.setPathEffect(effects);
    int measuredHeight = getMeasuredHeight();
    int measuredWidth = getMeasuredWidth();
    if (measuredHeight <= measuredWidth)
    {
        //horizontal
        path.moveTo(0, 0);
        path.lineTo(measuredWidth, 0);
        canvas.drawPath(path, paint);
    }
    else
    {
        //vertical
        path.moveTo(0, 0);
        path.lineTo(0, measuredHeight);
        canvas.drawPath(path, paint);
    }

}
}

InformationsquelleAutor der Antwort ruidge

Mithilfe dieser Klasse können Sie anwenden, "gestrichelt" und "unterstreichen" - Effekt, um mehrere Zeilen text. verwenden DashPathEffect haben Sie zum ausschalten hardwareAccelerated Ihrer TextView(obwohl DashPathEffect Methode hat ein problem mit dem langen text). finden Sie mein Beispiel-Projekt hier: https://github.com/jintoga/Dashed-Underlined-TextView/blob/master/Untitled.png.

public class DashedUnderlineSpan implementiert LineBackgroundSpan, LineHeightSpan {

private Paint paint;
private TextView textView;
private float offsetY;
private float spacingExtra;

public DashedUnderlineSpan(TextView textView, int color, float thickness, float dashPath,
    float offsetY, float spacingExtra) {
    this.paint = new Paint();
    this.paint.setColor(color);
    this.paint.setStyle(Paint.Style.STROKE);
    this.paint.setPathEffect(new DashPathEffect(new float[] { dashPath, dashPath }, 0));
    this.paint.setStrokeWidth(thickness);
    this.textView = textView;
    this.offsetY = offsetY;
    this.spacingExtra = spacingExtra;
}

@Override
public void chooseHeight(CharSequence text, int start, int end, int spanstartv, int v,
    Paint.FontMetricsInt fm) {
    fm.ascent -= spacingExtra;
    fm.top -= spacingExtra;
    fm.descent += spacingExtra;
    fm.bottom += spacingExtra;
}

@Override
public void drawBackground(Canvas canvas, Paint p, int left, int right, int top, int baseline,
    int bottom, CharSequence text, int start, int end, int lnum) {
    int lineNum = textView.getLineCount();
    for (int i = 0; i < lineNum; i++) {
        Layout layout = textView.getLayout();
        canvas.drawLine(layout.getLineLeft(i), layout.getLineBottom(i) - spacingExtra + offsetY,
            layout.getLineRight(i), layout.getLineBottom(i) - spacingExtra + offsetY,
            this.paint);
    }
}

}

Ergebnis

InformationsquelleAutor der Antwort Nguyen Quoc Dat

Beste Lösung für Gepunktete Hintergrund arbeiten perfekt

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<stroke
    android:dashGap="3dp"
    android:dashWidth="2dp"
    android:width="1dp"
    android:color="@color/colorBlack" />
  </shape>`

InformationsquelleAutor der Antwort Arun Prajapati

Ich weiß nicht warum, aber die Antworten stimmten nicht für mich arbeiten. Ich Schreibe es auf diese Weise und gute Werke.

Definieren Sie eine benutzerdefinierte Ansicht:

public class XDashedLineView extends View {

private Paint   mPaint;
private Path    mPath;
private int     vWidth;
private int     vHeight;

public XDashedLineView(Context context) {
    super(context);
    init();
}

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

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

private void init() {
    mPaint = new Paint();
    mPaint.setColor(Color.parseColor("#3F577C"));
    mPaint.setStyle(Paint.Style.STROKE);
    mPaint.setPathEffect(new DashPathEffect(new float[] {10,10}, 0));
    mPath = new Path();
}

@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
    super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    this.vWidth = getMeasuredWidth();
    this.vHeight = getMeasuredHeight();
    mPath.moveTo(0, this.vHeight / 2);
    mPath.quadTo(this.vWidth / 2, this.vHeight / 2, this.vWidth, this.vHeight / 2);
}

@Override
protected void onDraw(Canvas canvas) {
    super.onDraw(canvas);
    canvas.drawPath(mPath, mPaint);
}
}

Dann können Sie es in Ihre xml:

        <com.YOUR_PACKAGE_NAME.XDashedLineView
        android:layout_width="690dp"
        android:layout_height="1dp"
        android:layout_marginLeft="30dp"
        android:layout_marginTop="620dp"/>

InformationsquelleAutor der Antwort Kyeson

Die einzige Sache, die für mich gearbeitet und ich denke, es ist der einfachste Weg führt über einen Pfad mit einem paint-Objekt wie folgt:

    Paint paintDash = new Paint();
    paintDash.setARGB(255, 0, 0, 0);
    paintDash.setStyle(Paint.Style.STROKE);
    paintDash.setPathEffect(new DashPathEffect(new float[]{10f,10f}, 0));
    paintDash.setStrokeWidth(2);
    Path pathDashLine = new Path();

Dann onDraw(): (wichtig nennen Sie "zurücksetzen", wenn Sie ändern die Punkte zwischen ondraw fordert, verursachen Pfad speichern alle Bewegungen)

    pathDashLine.reset();
    pathDashLine.moveTo(porigenX, porigenY);
    pathDashLine.lineTo(cursorX,cursorY);
    c.drawPath(pathDashLine, paintDash);

InformationsquelleAutor der Antwort takluiper