Comment faire une ligne en pointillé/en pointillé dans Android ?

Question

J'essaie de faire une ligne pointillée. Je l'utilise pour l'instant pour une ligne pleine :

LinearLayout divider = new LinearLayout( this );
LinearLayout.LayoutParams params = new LinearLayout.LayoutParams( LinearLayout.LayoutParams.FILL_PARENT, 2 );
divider.setLayoutParams( params );
divider.setBackgroundColor( getResources().getColor( R.color.grey ) );

J'ai besoin de quelque chose comme ça, mais en pointillé au lieu de solide. J'aimerais éviter de faire des centaines de mises en page alternant entre une mise en page transparente et une mise en page solide.

Answer 1

Sans code java :

drawable/dotted.xml :

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="line">

    <stroke
       android:color="#FF00FF"
       android:dashWidth="10px"
       android:dashGap="10px"
       android:width="1dp"/>
</shape>

view.xml :

<ImageView
    android:layout_width="match_parent"
    android:layout_height="5dp"
    android:src="@drawable/dotted"
    android:layerType="software" />

Effet :

Answer 2

L'effet de trajectoire est défini sur l'objet peinture

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

vous pouvez créer toutes sortes de motifs en pointillés en fournissant plus de chiffres dans le tableau int[] ; il spécifie les ratios de tiret et d'espace. Il s'agit d'une ligne simple, en pointillés égaux.

Answer 3

Création d'une ligne en pointillé à l'aide de XML.
Créez un fichier xml dans le dossier drawable et donnez cet arrière-plan à l'élément auquel vous voulez donner une bordure en pointillés.

Création d'un arrière-plan XML "dashed_border" :

<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
    <item>
        <shape>
            <solid android:color="#ffffff" />
            <stroke
                android:dashGap="5dp"
                android:dashWidth="5dp"
                android:width="1dp"
                android:color="#0000FF" />
            <padding
                android:bottom="5dp"
                android:left="5dp"
                android:right="5dp"
                android:top="5dp" />
        </shape>
    </item>
</layer-list>

J'ajoute cet arrière-plan à l'article :

<Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/dashed_border"/>

Answer 4

Créer le 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>

Définissez comme arrière-plan de votre vue :

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

Answer 5

Ce que j'ai fait lorsque j'ai voulu dessiner une ligne en pointillé, c'est de définir une drawable dash_line.xml :

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

Et ensuite, dans la mise en page, il suffit de définir une vue avec un arrière-plan en tant que ligne de fuite . Note à inclure Android:layerType="software" sinon cela ne fonctionnera pas.

<View
            android:layout_width="match_parent"
            android:layout_height="5dp"
            android:background="@drawable/dash_line"
            android:layerType="software" />