Custom SeekBar Drawable Android

Je souhaite personnaliser la barre de recherche Android par défaut pour:

Entrez la description de l'image ici

  • Streaming de voix entre les téléphones Android sur WiFi
  • PreferenceFragment.findPreference renvoie toujours NULL
  • Android: Retour à l'activité précédente sans appeler terminé ()
  • Le champ de l'heure TimePicker Android disparaît après le changement d'orientation
  • Affichage de la carte suivant l'utilisateur - MyLocationOverlay fonctionnalité de type pour Android Maps API v2
  • Comment implémenter la communication Activity-Service
  • J'ai lu environ neuf images patch et créé 6 images png. Les trois premiers sont pour la barre de progression grise (progressDrawable), comme indiqué ci-dessous:

    1. Image droite

      Entrez la description de l'image ici

    2. Image du centre

      Entrez la description de l'image ici

    3. Image de gauche

      Entrez la description de l'image ici

    Le résultat devrait être:

    Entrez la description de l'image ici

    Les images bleues représentent la progression et sont les suivantes:

    1. Image droite

      Entrez la description de l'image ici

    2. Image du centre

      Entrez la description de l'image ici

    3. Image de gauche

      Entrez la description de l'image ici

    Et le pouce est comme suit:

    Entrez la description de l'image ici

    Ma question est de savoir comment puis-je utiliser neuf images de patch pour générer la barre de recherche personnalisée exactement comme la première image et comment puis-je l'appliquer à ma barre de recherche?

  • Comment utiliser FaceDetector.Face pour la reconnaissance de visage sur Android
  • Pourquoi dans le modèle ViewHolder, la classe ViewHolder devrait-elle être statique?
  • YouTubePlayer ne charge pas la vidéo d'annonce avec cueVideo ()
  • ANDROID: accès aux actions CIFS en Java
  • Animation de diapositive Android de gauche à droite
  • RequiresApi vs TargetApi annotations Android
  • 3 Solutions collect form web for “Custom SeekBar Drawable Android”

    Je pense que cela ne devrait pas être complexe. Vous ne devez pas créer 6 images pour répondre à vos besoins. Il suffit de créer 2 neuf patchs pour l'arrière-plan, les progrès. Et thumb.png. Voici 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 programme 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 devrait avoir un espace vide sur le dessus lors de la création, il semble que vous le souhaitez. J'espère que cela t'aides.

    Vous pouvez utiliser une barre de recherche personnalisée à l'aide du code Java … et ajouter la liste des couches comme des modèles … ce code vous aidera, 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 classe CustomSeekbar et vous pouvez utiliser cette barre de recherche personnalisée 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)); } } 

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

    Vous verrez la fenêtre noire

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

    Démarrez le patch autour de vos images

    3) passe maintenant au menu Fichier et cliquez sur Enregistrer le patch 9 …

    Astuce finale: votre image doit être format .PNG et ne contient que du contenu et non un espace libre autour de lui. Par exemple, j'ai sauvegardé votre image dans mon ordinateur et j'ai vu qu'il y a beaucoup d'espace inutilisé sous la partie bleue de votre image.

    Maintenant, appliquez à votre barre de recherche :

    Suivez simplement le lien ainsi

    Créer une barre de diapositives personnalisée

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

    coAndroid est un fan Android de Google, tout sur les téléphones Android, Android Wear, Android Dev et Android Games Apps.