Personnalisé flèches sans image: Android
J'ai suivi ce tutoriel: http://looksok.wordpress.com/2013/08/24/android-triangle-arrow-defined-as-an-xml-shape/
Le tuto pour la création de flèches comme pour incrémenter/décrémenter les boutons sans avoir à utiliser des images. La forme des flèches sont très bien cependant la flèche est positionnée avec sa base en bas de la touche de la vue et de la flèche vers le bas est positionné à l'est de la base au-dessus du bouton afficher. Dans otherwords, les flèches ne sont pas alignées correctement.
Je me demandais, est-il une sorte de décalage de l'axe y pour le bouton de points de vue qui peuvent être utilisés pour positionner les flèches de mieux? Le code que j'ai est:
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent" >
<Button
android:id="@+id/arrow_up"
android:layout_width="75dp"
android:layout_height="75dp"
android:background="@drawable/custom_arrow" />
<Button
android:id="@+id/arrow_down"
android:layout_width="75dp"
android:layout_height="75dp"
android:rotation="180"
android:layout_toRightOf="@id/arrow_up"
android:background="@drawable/custom_arrow" />
</RelativeLayout>
L'custon_arrow.xml est:
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
<item>
<!-- android:pivotX="-40%" -->
<rotate
android:fromDegrees="45"
android:toDegrees="45"
android:pivotX="-20%"
android:pivotY="88%" >
<shape
android:shape="rectangle" >
<stroke android:color="@color/transparent" android:width="5dp"/>
<solid
android:color="@color/grey_shade" />
</shape>
</rotate>
</item>
</layer-list>
OriginalL'auteur portfoliobuilder | 2013-12-27
Vous devez vous connecter pour publier un commentaire.
ou
Vous pouvez obtenir ici plus d'options.
Vous êtes le MVP!
OriginalL'auteur Elhanan Mishraky
Peut être fait facilement en utilisant des chemins:
OriginalL'auteur zed
Faire de votre le marginleft attributs compatibles (l'un est 3dp l'autre est 5dp).
! (après avoir vu la photo) que vous parliez de verticale de l'alignement!
Je pense que vous pouvez facilement ajouter des paddingBottom de la flèche vers le haut et paddingTop de la flèche vers le bas.
OK, c'est bon marché et sale tour, mais...
... cette réponse est sûrement mieux: look
voir mon édité répondre
C'est aussi ce que je pensais, mais il n'a pas d'incidence sur la forme de flèche. Et d'ignorer la marge attributs, je viens rapidement copiés et collés. Les marges sont pertinentes, tout simplement pas dans le contexte, je vous ai présenté ici. Il y a beaucoup plus de code dans mon programme. Désolé pour la confusion. Mais les marges ont également aucune incidence sur la forme de positionnement. J'ai essayé d'ajouter paddingTop et paddingBottom avec 20dp, 10dp, puis 70dp juste pour voir si la flèche allait disparaître de la vue. Rien de tout cela a des répercussions. D'autres idées?
voir mon édité répondre
OriginalL'auteur Fantômas