Faire agir un LinearLayout comme un bouton

J'ai un LinearLayoutstyle que j'ai stylé pour ressembler à un button, et il contient quelques éléments text / ImageView. Je voudrais faire en sorte que l'ensemble LinearLayoutagisse comme un button, en particulier pour lui donner des états qui sont définis dans un afin qu'il ait un arrière-plan différent lorsqu'il est enfoncé.

Y a-t-il un meilleur moyen que de faire une ImageButtontaille de la mise en page entière et le positionnement absolument?

Je suis tombé sur ce problème tout à l'heure. Vous devrez définir LinearLayout sur cliquable. Vous pouvez soit le faire dans le XML avec

android:clickable="true"

Ou en code avec

yourLinearLayout.setClickable(true);

À votre santé!

Si vous souhaitez ajouter le comportement d'arrière-plan par défaut d'Android pour créer des Layoutactes comme un "clikable" View, définissez sur la cible Layout:

API 11+ (Android pur):

android:background="?android:attr/selectableItemBackground"

API 7+ (bibliothèque de support Android + AppCompat):

android:background="?attr/selectableItemBackground"

Toute API:

android:background="@android:drawable/list_selector_background"

Les réponses ci-dessus sont toujours vraies mais ne m'ont pas aidé pour simplement ajouter l'état de l'interface utilisateur par défaut enfoncé et libéré (comme dans un ListViewexemple).

J'ai utilisé la première et la deuxième réponse. Mais ma disposition linéaire contient des images et du texte avec une couleur d'arrière-plan, j'ai donc dû changer "arrière-plan" en "premier plan"

linéaire

android:foreground="?android:attr/selectableItemBackground"
android:clickable="true"

Vous aurez d'abord besoin d'un sélecteur pour définir les différents états. Par exemple, dans un fichier XML:

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/button_pressed"
          android:state_pressed="true" />
    <item android:drawable="@drawable/button_focused"
          android:state_focused="true" />
    <item android:drawable="@drawable/button_normal" />
</selector>

Je ne l'ai pas essayé, mais vous pouvez éventuellement définir android: background de LinearLayout sur ce sélecteur, et définir android: clickable sur true et cela fonctionnera.

Si ce n'est pas le cas, vous pouvez passer à l'utilisation d'un RelativeLayout et faire du premier élément un bouton avec ce sélecteur en arrière-plan et fill_parent pour sa largeur et sa hauteur de disposition. Dans ce cas, utilisez simplement un bouton standard et définissez android: background sur votre sélecteur. Vous n'êtes pas obligé de mettre du texte sur votre bouton.

Dans l'application sur laquelle je travaille, j'ai besoin de créer un LinearLayout de manière dynamique. Dans ce cas, la commande

ll.setClickable(true);

ne fonctionne pas comme prévu. Bien que je puisse manquer quelque chose, j'ai réussi à exploiter setOnTouchListener pour obtenir le même résultat et je soumets le code au cas où quelqu'un aurait les mêmes besoins.

Le code suivant crée un LinearLayout avec deux vues de texte et des coins arrondis, changeant de couleur lorsque vous appuyez sur.

Tout d'abord, créez deux fichiers xml dans un dossier dessinable, un pour l'état normal et un pour l'état de disposition linéaire pressé.

XML à l'état normal (drawable / round_edges_normal.xml)

<?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="#FFFFFF" />
            <corners android:radius="7dp" />
            <padding android:left="5dip" android:top="5dip" android:right="5dip" android:bottom="5dip" />
        </shape>
    </item>
    <item android:bottom="3px">
        <shape android:shape="rectangle">
            <solid android:color="#F1F1F1" />
            <corners android:radius="7dp" />
        </shape>
    </item>
</layer-list>

Etat pressé xml (drawable / round_edges_pressed.xml). La seule différence réside dans la couleur ...

<?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="#FFFFFF" />
            <corners android:radius="7dp" />
            <padding android:left="5dip" android:top="5dip" android:right="5dip" android:bottom="5dip" />
        </shape>
    </item>
    <item android:bottom="3px">
        <shape android:shape="rectangle">
            <solid android:color="#add8e6" />
            <corners android:radius="7dp" />
        </shape>
    </item>
</layer-list>

Ensuite, le code suivant fait le travail

Variable globale:

public int layoutpressed = -1;

Dans onCreate():

// Create some textviews to put into the linear layout...
TextView tv1 = new TextView(this);
TextView tv2 = new TextView(this);
tv1.setText("First Line");
tv2.setText("Second Line");

// LinearLayout definition and some layout properties...
final LinearLayout ll = new LinearLayout(context);
ll.setOrientation(LinearLayout.VERTICAL);

// it is supposed that the linear layout will be in a table.
// if this is not the case for you change next line appropriately...
ll.setLayoutParams(new TableRow.LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT));

ll.setBackgroundResource(R.drawable.rounded_edges_normal);
ll.addView(tv1);
ll.addView(tv2);
ll.setPadding(10, 10, 10, 10);
// Now define the three button cases
ll.setOnTouchListener(new View.OnTouchListener() {
                @Override
                public boolean onTouch(View arg0, MotionEvent arg1) {
                if (arg1.getAction()==MotionEvent.ACTION_DOWN){
                        ll.setBackgroundResource(R.drawable.rounded_edges_pressed);
                        ll.setPadding(10, 10, 10, 10);
                        layoutpressed = arg0.getId();
                }
                else if (arg1.getAction()== MotionEvent.ACTION_UP){
                        ll.setBackgroundResource(R.drawable.rounded_edges_normal);
                        ll.setPadding(10, 10, 10, 10);
                        if(layoutpressed == arg0.getId()){
                            //  ...........................................................................
                            // Code to execute when LinearLayout is pressed...
                            //  ........................................................................... 
                     }
          }
          else{
                ll.setBackgroundResource(R.drawable.rounded_edges_showtmimata);
                ll.setPadding(10, 10, 10, 10);
                layoutpressed = -1;
          }
          return true;
                }
  });           

Définissez simplement ces attributs

<LinearLayout 
    ...
    android:background="@android:drawable/btn_default" 
    android:clickable="true"
    android:focusable="true"
    android:onClick="onClick"
    >
...
</LinearLayout>

Ajoutez simplement un arrière-plan attr / selectableItemBackground à la disposition linéaire et rendez également cette disposition linéaire cliquable

exemple :

<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:id="@+id/linear1"
android:background="?android:attr/selectableItemBackground"
android:clickable="true"
android:focusable="true">

Cela permet à la disposition linéaire d'agir comme un bouton lorsqu'elle est enfoncée. :)

Cela a été utile, mais si vous souhaitez mettre une couleur d'arrière-plan et rendre la mise en page linéaire cliquable comme l'élément de liste. Définissez l'arrière-plan avec votre couleur préférée et définissez la couleur de premier plan sur? Android: attr / selectableItemBackground, définissez focusable true et clickable true

exemple de code

   <LinearLayout

        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginBottom="10dp"
        android:background="#FF0"
        android:orientation="horizontal"
        android:paddingBottom="10dp"
         android:paddingTop="10dp"
        android:onClick="onClickMethod"
        android:clickable="true"
        android:focusable="true"
        android:foreground="?android:attr/selectableItemBackground"
        />

Les réponses précédentes portaient sur la façon de définir l'arrière-plan par défaut dans un fichier xml. Voici la même chose dans le code:

linearLayout1.setBackgroundResource(android.R.drawable.list_selector_background);