vue sur appuyez sur onpress: change la couleur de fond de la presse? Comment puis-je montrer que le point de Vue est pressé?

J'ai, pour le moment, une vue personnalisée avec un 9-patch image comme une frontière.

Que la vue personnalisée est placé à trois reprises dans un LinearLayout, de sorte qu'il ressemble à ceci:

+------------------------+
|  CustomView            |
+------------------------+
|  CustomView            |
+------------------------+
|  CustomView            |
+------------------------+

J'ai joint un écouteur d'événement clic de la Vue, de sorte qu'il est cliquable. Mais ensuite je clique dessus, je ne peux pas voir que je suis en cliquant sur elle - il n'y a pas de changement de couleur.

Donc, Im pensé que je joindre un "onPress" à l'écoute, et puis changer l'arrière-plan de la vue, mais je ne pourrais pas trouver une telle écoute.

Donc, la question est - comment puis-je créer le comportement sur la Vue, de sorte que je peux voir qu'il est pressé? ceci est normalement fait dans Android avec un fond vert pour indiquer qu'il est maintenant d'être pressé.

Ce qui concerne

OriginalL'auteur Ted | 2010-01-05

android

20

Vous pouvez définir la OnClickListener pour la vue. Qui sera appelée lorsque la vue est cliqué. Mais pour quelque chose d'aussi simple que de changer l'arrière-plan lorsqu'une vue est cliqué, vous devez utiliser avec un état de drawable. Ils fonctionnent comme cela, vous vous 3 9-patch images.
1. est normal de fond comme ce que vous avez maintenant.
2. est quoi le fond devrait ressembler lorsque l'utilisateur sélectionne la vue avec le track-ball /d-pad
3. est que le point de vue devrait ressembler lorsque l'utilisateur clique sur le
Puis vous créez un nouveau fichier xml dans votre dossier drawable. Il devrait ressembler à ceci:
```
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item
    android:state_focused="true"
    android:state_pressed="true"
    android:drawable="@drawable/background_pressed" />
<item
    android:state_focused="true"
    android:state_pressed="false"
    android:drawable="@drawable/background_focused" />
<item
    android:state_focused="false"
    android:state_pressed="true"
    android:drawable="@drawable/background_pressed" />
<item
    android:drawable="@drawable/background_normal" />
```
Ensuite, lorsque vous définissez l'arrière-plan de votre point de vue le définir dans le fichier xml.

Thx pour qu' =) Donc, j'étais proche de la solution. Au lieu d'essayer de trouver un "onPress"-chose, je viens de créer 3 images différentes et de les mettre dans le Sélecteur de fichier XML, puis fixez le Sélecteur de fichier XML que l'arrière-plan? Je vais essayer =) thx!
Hmm, sur [ android:drawable="@drawable/background_pressed" ] je ne trouve pas ma un drawable. Si j'essaie de remplacer background_pressed avec mon image, elle ne marche pas se montrer. Ai-je raté quelque chose?
Hmm, ça n'a pas fonctionné, il semble... il est tout aussi normal - pas de changement de l'arrière-plan...
Im deviner qu'il a quelque chose à voir avec le fait que je n'obtiens pas les suggestions lors de la spécification d'android:drawable="..."
Avez-vous ajoutez le code XML dans Eclipse ou tout simplement dans le système de fichiers? Si vous l'avez ajouté dans le système de fichiers, vous devez actualiser le dossier eclipse. Comme pour ne pas trouver le drawable, vous devez vous assurer que le nom que vous entrez dans le xml est exactement le même que le nom de l'image, moins l'extension. Et vous devez être sûr de définir l'affichage cliquables et peut recevoir le focus.

OriginalL'auteur CaseyB

Dans le cas où vous pourriez avoir des problèmes pour accéder aux couleurs, vous pouvez ajouter colors.xml pour les valeurs de dossier avec certains de vos couleurs préférées comme:

vue sur appuyez sur onpress: change la couleur de fond de la presse? Comment puis-je montrer que le point de Vue est pressé?

<?xml version="1.0" encoding="utf-8"?>
<resources>
 <color name="background_pressed">#FFFF00</color> <!--yellow-->
 <color name="background_normal">#808000</color>    <!--olive-->
 <color name="background_focused">#0000FF</color>    <!--blue-->
</resources>

Puis ajouter un autre fichier xml à votre drawable dossier avec le nom que vous voulez

vue sur appuyez sur onpress: change la couleur de fond de la presse? Comment puis-je montrer que le point de Vue est pressé?

Avec le contenu comme la réponse précédente, mais au lieu de @drawable-vous appeler @couleur

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item
    android:state_focused="true"
    android:state_pressed="true"
    android:drawable="@color/background_pressed" />
<item
    android:state_focused="true"
    android:state_pressed="false"
    android:drawable="@color/background_focused" />
<item
    android:state_focused="false"
    android:state_pressed="true"
    android:drawable="@color/background_pressed" />
<item
    android:drawable="@color/background_normal" />
</selector>

Maintenant, vous pouvez choisir la couleur de fond de votre point de vue à votre drawable forlder

android:background="@drawable/background_click_state"

Si vous voulez avoir tous les X11/w3c codes de couleur utiliser cette post ou tout simplement des codes fournis ici:

<?xml version="1.0" encoding="utf-8"?>
<resources>
<color name="White">#FFFFFF</color>
<color name="Ivory">#FFFFF0</color>
<color name="LightYellow">#FFFFE0</color>
<color name="Yellow">#FFFF00</color>
<color name="Snow">#FFFAFA</color>
<color name="FloralWhite">#FFFAF0</color>
<color name="LemonChiffon">#FFFACD</color>
<color name="Cornsilk">#FFF8DC</color>
<color name="Seashell">#FFF5EE</color>
<color name="LavenderBlush">#FFF0F5</color>
<color name="PapayaWhip">#FFEFD5</color>
<color name="BlanchedAlmond">#FFEBCD</color>
<color name="MistyRose">#FFE4E1</color>
<color name="Bisque">#FFE4C4</color>
<color name="Moccasin">#FFE4B5</color>
<color name="NavajoWhite">#FFDEAD</color>
<color name="PeachPuff">#FFDAB9</color>
<color name="Gold">#FFD700</color>
<color name="Pink">#FFC0CB</color>
<color name="LightPink">#FFB6C1</color>
<color name="Orange">#FFA500</color>
<color name="LightSalmon">#FFA07A</color>
<color name="DarkOrange">#FF8C00</color>
<color name="Coral">#FF7F50</color>
<color name="HotPink">#FF69B4</color>
<color name="Tomato">#FF6347</color>
<color name="OrangeRed">#FF4500</color>
<color name="DeepPink">#FF1493</color>
<color name="Fuchsia">#FF00FF</color>
<color name="Magenta">#FF00FF</color>
<color name="Red">#FF0000</color>
<color name="OldLace">#FDF5E6</color>
<color name="LightGoldenrodYellow">#FAFAD2</color>
<color name="Linen">#FAF0E6</color>
<color name="AntiqueWhite">#FAEBD7</color>
<color name="Salmon">#FA8072</color>
<color name="GhostWhite">#F8F8FF</color>
<color name="MintCream">#F5FFFA</color>
<color name="WhiteSmoke">#F5F5F5</color>
<color name="Beige">#F5F5DC</color>
<color name="Wheat">#F5DEB3</color>
<color name="SandyBrown">#F4A460</color>
<color name="Azure">#F0FFFF</color>
<color name="Honeydew">#F0FFF0</color>
<color name="AliceBlue">#F0F8FF</color>
<color name="Khaki">#F0E68C</color>
<color name="LightCoral">#F08080</color>
<color name="PaleGoldenrod">#EEE8AA</color>
<color name="Violet">#EE82EE</color>
<color name="DarkSalmon">#E9967A</color>
<color name="Lavender">#E6E6FA</color>
<color name="LightCyan">#E0FFFF</color>
<color name="BurlyWood">#DEB887</color>
<color name="Plum">#DDA0DD</color>
<color name="Gainsboro">#DCDCDC</color>
<color name="Crimson">#DC143C</color>
<color name="PaleVioletRed">#DB7093</color>
<color name="Goldenrod">#DAA520</color>
<color name="Orchid">#DA70D6</color>
<color name="Thistle">#D8BFD8</color>
<color name="LightGrey">#D3D3D3</color>
<color name="Tan">#D2B48C</color>
<color name="Chocolate">#D2691E</color>
<color name="Peru">#CD853F</color>
<color name="IndianRed">#CD5C5C</color>
<color name="MediumVioletRed">#C71585</color>
<color name="Silver">#C0C0C0</color>
<color name="DarkKhaki">#BDB76B</color>
<color name="RosyBrown">#BC8F8F</color>
<color name="MediumOrchid">#BA55D3</color>
<color name="DarkGoldenrod">#B8860B</color>
<color name="FireBrick">#B22222</color>
<color name="PowderBlue">#B0E0E6</color>
<color name="LightSteelBlue">#B0C4DE</color>
<color name="PaleTurquoise">#AFEEEE</color>
<color name="GreenYellow">#ADFF2F</color>
<color name="LightBlue">#ADD8E6</color>
<color name="DarkGray">#A9A9A9</color>
<color name="Brown">#A52A2A</color>
<color name="Sienna">#A0522D</color>
<color name="YellowGreen">#9ACD32</color>
<color name="DarkOrchid">#9932CC</color>
<color name="PaleGreen">#98FB98</color>
<color name="DarkViolet">#9400D3</color>
<color name="MediumPurple">#9370DB</color>
<color name="LightGreen">#90EE90</color>
<color name="DarkSeaGreen">#8FBC8F</color>
<color name="SaddleBrown">#8B4513</color>
<color name="DarkMagenta">#8B008B</color>
<color name="DarkRed">#8B0000</color>
<color name="BlueViolet">#8A2BE2</color>
<color name="LightSkyBlue">#87CEFA</color>
<color name="SkyBlue">#87CEEB</color>
<color name="Gray">#808080</color>
<color name="Olive">#808000</color>
<color name="Purple">#800080</color>
<color name="Maroon">#800000</color>
<color name="Aquamarine">#7FFFD4</color>
<color name="Chartreuse">#7FFF00</color>
<color name="LawnGreen">#7CFC00</color>
<color name="MediumSlateBlue">#7B68EE</color>
<color name="LightSlateGray">#778899</color>
<color name="SlateGray">#708090</color>
<color name="OliveDrab">#6B8E23</color>
<color name="SlateBlue">#6A5ACD</color>
<color name="DimGray">#696969</color>
<color name="MediumAquamarine">#66CDAA</color>
<color name="CornflowerBlue">#6495ED</color>
<color name="CadetBlue">#5F9EA0</color>
<color name="DarkOliveGreen">#556B2F</color>
<color name="Indigo">#4B0082</color>
<color name="MediumTurquoise">#48D1CC</color>
<color name="DarkSlateBlue">#483D8B</color>
<color name="SteelBlue">#4682B4</color>
<color name="RoyalBlue">#4169E1</color>
<color name="Turquoise">#40E0D0</color>
<color name="MediumSeaGreen">#3CB371</color>
<color name="LimeGreen">#32CD32</color>
<color name="DarkSlateGray">#2F4F4F</color>
<color name="SeaGreen">#2E8B57</color>
<color name="ForestGreen">#228B22</color>
<color name="LightSeaGreen">#20B2AA</color>
<color name="DodgerBlue">#1E90FF</color>
<color name="MidnightBlue">#191970</color>
<color name="Aqua">#00FFFF</color>
<color name="Cyan">#00FFFF</color>
<color name="SpringGreen">#00FF7F</color>
<color name="Lime">#00FF00</color>
<color name="MediumSpringGreen">#00FA9A</color>
<color name="DarkTurquoise">#00CED1</color>
<color name="DeepSkyBlue">#00BFFF</color>
<color name="DarkCyan">#008B8B</color>
<color name="Teal">#008080</color>
<color name="Green">#008000</color>
<color name="DarkGreen">#006400</color>
<color name="Blue">#0000FF</color>
<color name="MediumBlue">#0000CD</color>
<color name="DarkBlue">#00008B</color>
<color name="Navy">#000080</color>
<color name="Black">#000000</color>
</resources>

OriginalL'auteur Eftekhari

Vous devez vous connecter pour publier un commentaire.