Android : Aligner l'image sur le coin en haut à droite de la touche

J'ai une image qui ressemble à une case à cocher, que je voudrais aligner sur le coin en haut à droite du bouton. Ont essayé relative de la mise en page, mais ne pouvait pas parvenir à un résultat souhaité. Toute suggestion tendant à obtenir le résultat souhaité?

J'ai essayé d'utiliser Framelayout mais la checbox image reste caché

 <FrameLayout 
         android:layout_marginLeft="10dp"
        android:layout_marginTop="20dp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">


        <ImageView 
            android:id="@+id/filter_check"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:background="@drawable/checkmark"
             android:layout_gravity="right"
            />

         <Button
            android:id="@+id/filter"
            style="@style/Widget.Button.White.BlueText.BlueStroke"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Filter" />


    </FrameLayout>

Après Farouk suggestions pour utiliser le Bouton avant de l'image. Voici le code

<FrameLayout 
     android:layout_marginLeft="10dp"
    android:layout_marginTop="20dp"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content">

    <Button
        android:id="@+id/filter"
        style="@style/Widget.Button.White.BlueText.BlueStroke"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Filter" />

      <ImageView 
        android:id="@+id/filter_check"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:background="@drawable/checkmark"
         android:layout_gravity="top|right"
        />

</FrameLayout>

Ici a ce que je vois sur le concepteur.

Android : Aligner l'image sur le coin en haut à droite de la touche

Pas sûr de la façon de déplacer la case de l'image en haut et à droite.

Dans le cas où vous voulez la solution, la voici:

<FrameLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="10dp"
        android:layout_marginTop="80dp" >

        <Button
            android:id="@+id/filter"
            style="@style/Widget.Button.White.BlueText.BlueText.FrameImage"
            android:layout_margin="10dp"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Sort" />

        <ImageView
            android:id="@+id/widget_title_icon"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="top|right"
            android:src="@drawable/checkmark" />
    </FrameLayout>


  <style name="Widget.Button.White.BlueText.BlueText.FrameImage" parent="@android:style/Widget.Button">
        <item name="android:background">@drawable/white_button_blue_stroke_bg_selector</item>
        <item name="android:gravity">center</item>
        <item name="android:textColor">@color/white</item>
        <item name="android:textAppearance">?android:attr/textAppearanceMedium</item>
    </style>

Solution:

Android : Aligner l'image sur le coin en haut à droite de la touche

Que penser de l'utilisation FrameLayout ?
Le bouton doit venir avant l'ImageView. Ça fonctionne pour en glissement annuel alors.
Qui aide, mais je ne suis pas en mesure d'obtenir l'alignement de la case droit à l'image.
Modifier votre réponse et de montrer ton code s'il vous plaît.
J'ai changé, s'il vous plaît prendre un coup d'oeil.
Regarder à mon answser ci-dessous s'il vous plaît.

InformationsquelleAutor Signcodeindie | 2014-06-09

android android-layout

Ressembler à ceci :

Android : Aligner l'image sur le coin en haut à droite de la touche

Il suffit de jouer avec la android:paddingTop="-10dp" que vous le souhaitez.

Voici le code :

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/widget_icon"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" >

        <Button
            android:id="@+id/filter"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_margin="7dp"
            android:background="#0000FF"
            android:gravity="center"
            android:paddingBottom="25dp"
            android:paddingTop="25dp"
            android:text="Sort"
            android:textColor="#FFFFFF" />

        <ImageView
            android:id="@+id/widget_title_icon"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="top|right"
            android:adjustViewBounds="true"
            android:paddingTop="-10dp"
            android:scaleType="fitStart"
            android:src="@drawable/checkbtn" />

    </FrameLayout>

Je l'ai essayé, mais layout_margin="7dp" sur le bouton n'est pas de me donner la forme désirée pour le bouton. Quand j'enlève la marge sur le bouton et essayez de régler le paddingTop de Imageview il est écrêtée. Je pense que c'est prévu behaviur. Va essayer de jouer avec les padding et margin.
J'ai été capable de le faire fonctionner par l'ajustement de la marge et le remplissage. Merci!
Quand je vois dans le concepteur, je peux voir le fermer comme souhaité. Mais quand je lance l'application, il est invisible. Comment?

InformationsquelleAutor Farouk Touzi

Vérifier celui-ci, j'espère que ça va vous aider. Android : Aligner l'image sur le coin en haut à droite de la touche

<?xml version="1.0" encoding="utf-8"?>
    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/main_widget"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center_horizontal"
    android:layout_marginTop="20dip"
    android:focusable="true" >

    <ImageView
        android:id="@+id/icon"
        android:layout_width="60dip"
        android:layout_height="60dip"
        android:layout_marginTop="8dp"
        android:background="@drawable/ic_launcher"
        android:scaleType="center" />


    <CheckBox
        android:id="@+id/checkBox1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="-10dip"
        android:layout_toRightOf="@+id/icon"
        android:gravity="center"
        android:text="" />

    </RelativeLayout>

MODIFIER Si vous souhaitez déplacer de case à cocher peu plus loin pour imageview puis augmenter la android:layout_marginLeft="-10dip" à android:layout_marginLeft="-20dip". Il suffit de jouer avec elle. 🙂

Merci pour votre aide, mais c'est une image qui ressemble à une case à cocher. Pas une case à cocher. Voudrais aligner l'image sur le coin en haut à droite d'un bouton habituel dans Android.
Remplacer la case avec ImageView. C'est la disposition générale. Accepter ma réponse si cela vous a aidé, de sorte qu'il sera facile pour d'autres personnes qui connaissent le même problème.

InformationsquelleAutor Aniruddha

Vous devez vous connecter pour publier un commentaire.