Personnalisé SeekBar Drawable Android

Je veux personnaliser la valeur par défaut d'Android seekbar:

J'ai lu sur patch neuf image et créé 6 images png. Les trois premiers sont le gris de la barre de progression (progressDrawable), comme indiqué ci-dessous:

Image de droite
Centre de l'image
Image de gauche

Le résultat devrait être:

Personnalisé SeekBar Drawable Android

Le bleu images représentent le progrès et sont comme suit:

Image de droite
Centre de l'image
Image de gauche

Et le pouce comme suit:

Personnalisé SeekBar Drawable Android

Ma question est, comment puis-je utiliser le patch neuf d'image pour générer la coutume seekbar exactement comme la première photo et comment puis-je l'appliquer à ma seekbar?

Je vous suggère d'examiner l'un drawable utilisé par le framework lui-même. Vous pouvez les trouver dans votre répertoire du sdk android: android-sdk-dir/platforms/platform-XX/data/res/drawable-*dpi. Recherchez neuf-patch images nommées scrubber_track*.9.png, scrubber_primary*.9.png, scrubber_secondary*.9.png, et scrubber_control*.9.png (* est générique)
pouvez-vous me donner un exemple svp
vous pouvez combiner des images 1,2 et 3 dans un patch neuf drawable
Ce qui fait que vous fermez la question "nombre de..."? - Bien sûr, le code de la pastie.org/private/lbwwr0niv597wugflv4a produit de la mauvaise sortie. Vous émettez texte en utilisant le courant du mois/de l'année, ce qui est incorrect. Sur un changement, vous devez émettre la précédent année/mois. Et n'oubliez pas d'émettre de texte après la boucle!

OriginalL'auteur Dimitri | 2013-08-07

android seekbar

16

Je pense que ça ne devrait pas être complexe. Vous n'avez pas à faire 6 images pour répondre à vos besoins. Il suffit de créer 2 neuf-correctifs pour le fond, un progrès. Et le pouce.png. Ici est votre XML:
```
<SeekBar
  android:id="@+id/my_seekbar"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:progressDrawable="@drawable/seekbar_progress"
  android:thumb="@drawable/thumb">
```
dans votre seekbar_progress:
```
 <?xml version="1.0" encoding="utf-8"?>
 <layer-list xmlns:android="http://schemas.android.com/apk/res/android" >

<item android:id="@android:id/background">
    <nine-patch android:src="@drawable/progressbar_bg" android:dither="true"/>
</item>
<item android:id="@android:id/progress">
    <clip xmlns:android="http://schemas.android.com/apk/res/android"
        android:clipOrientation="horizontal"
        android:gravity="left">
        <nine-patch android:src="@drawable/progressbar_status" android:dither="true"/>
    </clip>
 </item>
</layer-list>
```
N'oubliez pas que votre thumb doit avoir de l'espace vide sur le dessus lors de la création donc il semble que vous vouliez.
Espérons que cette aide.

merci qu'est-ce que progressbar_status ?
c'est progress - bleu sur l'image dans votre cas
merci je vais essayer de revenir en arrière. aussi, si j'ai mis de l'espace avec le pouce il permettra de créer de l'espace supplémentaire @top et aussi, au fond, j'ai essayé cela avant
jetez un oeil à ceci. Vous comprendrez ce que je veux dire.
Le vide de l'espace n'est pas nécessaire (plus?) puisqu'il y a un autre attribut android:thumbOffset pour placer le pouce à l'extérieur de la piste.

OriginalL'auteur boburShox

Vous pouvez utiliser un personnalisé seekbar l'aide de code Java ... et ajouter une couche de liste comme l'un drawable ... ce bout de code va vous aider je l'espère.

1.LayerList drawable

<layer-list 
    xmlns:android="http://schemas.android.com/apk/res/android">
    <item 
        android:id="@android:id/background">
        <nine-patch 
            android:src="@drawable/your_nine_patch_image"
            android:tileMode="repeat">
        </nine-patch>
    </item>
    <item 
        android:id="@android:id/progress">
        <layer-list 
            xmlns:android="http://schemas.android.com/apk/res/android" >
            <item>
                <clip >
                    <bitmap 
                        xmlns:android="http://schemas.android.com/apk/res/android"
                        android:src="@drawable/clipimage_for_progress"
                        android:tileMode="repeat"/>
                </clip>
            </item>
        </layer-list>
    </item>
</layer-list>

Ce sera votre customSeekbar classe et vous pouvez utiliser cette coutume seekbar dans votre application

public class CustomSeekbar {
    public CustomSeekbar(Context context) {
        super(context);
        setCustomUI();
    }

    public CustomSeekbar(Context context, AttributeSet attrs) {
        super(context, attrs);
        setCustomUI();
    }

    public CustomSeekbar(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
        setCustomUI();
    }

    void setCustomUI() {

        this.setProgressDrawable(getResources().getDrawable(
                R.drawable.yourBackground));
    }
}

OriginalL'auteur Sreedev R

1

1) Aller à AndroidSDK -> outils et exécuter draw9patch.chauve-souris

vous verrez la fenêtre noire

2) faites glisser votre image dans la fenêtre et commencer à 9 patch:

commencer patch autour de vos photos

3) maintenant, allez dans le menu Fichier et cliquez sur Enregistrer 9-patch...

Dernier conseil : votre image doit être .Format PNG et ne contient pas de Contenu de l'espace libre autour de lui. pour exemple, j'ai enregistré votre photo dans mon ordinateur et vu qu'il y est beaucoup d'espace inutilisé en dessous de la partie bleue de votre image.

S'Appliquent maintenant à votre seekbar :

Il suffit de suivre le lien

Personnaliser La Barre De Délement

Je suis désolé; je n'ai pas assez de réputation pour insérer une image

OriginalL'auteur mohammad jannesary

Vous devez vous connecter pour publier un commentaire.