Le dessin de la bordure supérieure sur une forme sur Android

Je suis de la création d'une barre de progression personnalisée (placée sous un WebView) et ce que je voudrais dessiner est un 1dp à l'échelle de la ligne entre la WebView et la ProgressBar. Je suis en modifiant les drawable, à savoir progress_horizontal.xml, et j'ai essayé quelque chose comme ceci:

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

  (...)

  <item>
    <shape android:shape="line">
      <stroke android:width="1dp" android:color="#FF000000" />
    </shape>
  </item>

</layer-list>

Cette ligne est cependant centrée verticalement, mais je veux qu'il soit établi sur le dessus de la drawable. La seule idée qui me vient en tête est d'utiliser cette "hacky" gradient ci-dessous:

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

  (...)

  <item>
    <shape>
      <gradient
          android:startColor="#FF000000"
          android:centerColor="#00000000"
          android:centerY="0.01"
          android:endColor="#00000000"
          android:angle="270"
      />
    </shape>
  </item>

</layer-list>

Vous avez de meilleures idées sur la façon de tracer une ligne en forme alignés vers le haut de la drawable défini avec layer-list?

InformationsquelleAutor Marek Stój | 2010-02-08

47

J'ai passé tout en essayant de le comprendre ainsi. Heureusement qu'il y a une meilleure façon de le faire, mais voici la méthode que j'ai utilisé, qui est aussi le type de hackish, mais dans le cas où il aide quelqu'un, je pensais que je voudrais partager.

Le premier élément de votre liste de couche doit être un solide quelle que soit la couleur que vous voulez être à la frontière. La suite ce serait la chose(s) que vous voulez avoir de la frontière, avec un rembourrage sur quelque côté que vous vous voulez la frontière pour être sur.

Par exemple:
```
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape android:shape="rectangle">
            <solid android:color="YOUR BORDER COLOR" />
        </shape>
    </item>
    <item android:top="YOUR TOP BORDER THICKNESS">
        THE THING YOU WANT A BORDER ON
    </item>
</layer-list>
```
L'idée est que le rembourrage sur la question révèle la forme solide derrière elle, donnant à la frontière de l'apparence. Vous pouvez ajouter un rembourrage de tout côté pour ajouter une bordure. J'imagine que vous pouvez obtenir en plus complexes et ont des couleurs différentes frontières de cette façon.

Semble comme un hack, mais cela a fonctionné pour moi.

EDIT: j'ai dit "remplissage", mais dans la couche des listes, c'est plus d'un offset.
- Il fonctionne! Merci
- De toute évidence, cela ne fonctionne pas avec un transparent "CHOSE".
- Je vous remercie pour cette. 🙂 J'ai ajouté une couche supplémentaire d'avoir une bordure en bas que j'ai besoin.
- Remarque importante lorsque vous utilisez couche-liste puis après le contexte de remplacement de tous les rembourrages de l'élément sont allés, parce que layerlist ne pas mettre en œuvre tout les rembourrages... donc, en utilisant cette liste de causes de la fissure de l'INTERFACE utilisateur.
InformationsquelleAutor cottonBallPaws

j'ai été en passant par tous les sujets liés à mais personne n'a pu résoudre mon problème. Mais certains d'entre eux ont été très utiles pour comprendre comment les couche-liste ou les paramètres de forme de travail.

Mon problème était de définir un bouton avec un dégradé linéaire et d'en tirer un haut et un bas de ligne dans des couleurs différentes. Après tout, j'ai piraté le cette solution. J'ai enregistré le fichier unter res/drawable/blue_btn.xml

    <?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
<item android:state_pressed="true" >        
<shape android:shape="rectangle">
<solid android:color="@color/blue_end" />
<padding 
android:left="10dp"
android:top="10dp"
android:right="10dp"
android:bottom="10dp" />
<stroke   
android:width="1dp"
android:color="@color/bottomline_btn" />                        
</shape>    
</item>
<item>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
<item>
<shape android:shape="rectangle">
<solid android:color="@color/blue" />
<gradient
android:startColor="@color/blue"
android:endColor="@color/blue_end"
android:angle="270" />
</shape>
</item>
<item android:top="0dp" android:bottom="-1dp" android:left="-1dp" android:right="-1dp">
<shape android:shape="rectangle">
<stroke   
android:width="1dp"
android:color="@color/topline_btn" />                       
<solid android:color="#00000000" />
<corners android:radius="0dp" />
</shape>
</item>
<item android:top="-1dp" android:bottom="0dp" android:left="-1dp" android:right="-1dp">
<shape android:shape="rectangle">
<stroke   
android:width="1dp"
android:color="@color/bottomline_btn" />                        
<solid android:color="#00000000" />
<corners android:radius="0dp" />
</shape>
</item>         
</layer-list>
</item>  
</selector>
<color name="topline_btn">#31ffffff</color>
<color name="bottomline_btn">#31000000</color>
<color name="blue">#449def</color>
<color name="blue_end">#2f6699</color>

InformationsquelleAutor Şükriye

1

Avez-vous essayez de compenser par quelque chose comme ceci

http://android.amberfog.com/?p=9

InformationsquelleAutor Bo.

Ma solution est d'ajouter 9-patch comme la dernière couche de l'élément :

<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
<item>
<shape>
<solid android:color="@color/tab_button_active_layer2" />
</shape>
</item>
<item android:bottom="@dimen/tab_button_active_bottom_bar_width">
<shape>
<solid android:color="@color/tab_button_active_layer1" />
</shape>
</item>
<!-- 9-patch drawable -->
<item android:drawable="@drawable/tab_button_border_top"/>
</layer-list>

InformationsquelleAutor Mickey Tin

Vous devez vous connecter pour publier un commentaire.