57 votes

Barre de recherche, changement de couleur de chemin du jaune au blanc

J'ai deux questions:

1) comment changer la couleur de la barre de recherche (chemin) du jaune (couleur par défaut) au blanc. Ce que je veux dire, c’est que pendant que je glisse le pouce, la ligne traversée passe du gris au jaune. Je souhaite que le tracé / la ligne reste gris ou blanc .. En gros, je souhaite que le pouce se déplace sans changement de couleur dans la barre de recherche.

2) Comment changer le pouce de seekbar de rectangle en forme de cercle / sphère / rond.

tout pointeur sera apprécié.

97voto

Arnold Points 615

Je veux compléter la réponse à partir de ci-dessus pour les gens qui sont nouveaux dans le système,

le manque xmls ( background_fill , progress_fill et des progrès pouvaient être comme ça pour un dégradé rouge

progress.xml

<?xml version="1.0" encoding="utf-8"?>
    <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
        <item 
            android:id="@android:id/background" 
            android:drawable="@drawable/background_fill" />

        <item android:id="@android:id/progress">
           <clip android:drawable="@drawable/progress_fill" />
        </item>
  </layer-list>

background_fill.xml

<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <gradient 
        android:startColor="#FF555555" 
        android:centerColor="#FF555555"
        android:endColor="#FF555555" 
        android:angle="90" />

    <corners android:radius="5px" />

    <stroke 
        android:width="2dp" 
        android:color="#50999999" />

    <stroke 
        android:width="1dp" 
        android:color="#70555555" />
</shape>

progress_fill.xml

<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <gradient 
        android:startColor="#FF470000" 
        android:centerColor="#FFB80000"
        android:endColor="#FFFF4400" 
        android:angle="180" />

    <corners android:radius="5px" />

    <stroke 
            android:width="2dp" 
            android:color="#50999999" />

    <stroke 
            android:width="1dp" 
            android:color="#70555555" />
</shape>

je n'ai pas terminé la mise en œuvre pour android:le pouce, de sorte que le pouce sera toujours celui d'origine

Donc nous avons juste à supprimer cette ligne depuis notre mise en page xml où l'on définit la seekbar

android:thumb="@drawable/thumb"

Bonne chance!!!

71voto

Asahi Points 5938

Vous devez définir les propriétés XML SeekBar:

 <SeekBar 
            ....
    android:progressDrawable="@drawable/progress"
    android:thumb="@drawable/thumb"
            ....
/>
 

Où progrès ressemble à ceci:

 <?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item android:id="@android:id/background" 
    android:drawable="@drawable/background_fill" />

<item android:id="@android:id/progress">
    <clip android:drawable="@drawable/progress_fill" />
</item>
</layer-list> 
 

et le pouce est

 <?xml version="1.0" encoding="utf-8"?>    
<selector xmlns:android="http://schemas.android.com/apk/res/android">
   <item android:drawable="@drawable/thumb_fill" />
</selector>
 

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X