Custom SeekBar Drawable Android

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

Entrez la description de l'image ici

  • Chemin d'URL du dossier brut?
  • Fused Location Provider n'obtient pas d'emplacement à moins que le GPS ne soit activé
  • Exemples d'interface utilisateur Android
  • Comment reproduire automatiquement la vidéo HTML5 mp4 sur Android?
  • Android: AsyncTask pour faire une requête HTTP GET?
  • La couleur TabLayout de l'onglet sélectionné est soulignée
  • 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?

  • Numéro de thread maximum pour une application?
  • L'instance d'activité existe toujours après que onDestroy () soit appelé
  • Méthode d'activité d'appel du récepteur de diffusion
  • Comment configurer gradle pour fonctionner "hors ligne" (en utilisant les dépendances mises en cache)
  • DequeueBuffer: ne peut pas séparer plusieurs tampons sans définir le nombre de tampons
  • Inclure le fichier local .json dans le projet Eclipse 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.