Добавление изображений в кнопки в виде списка

Question

Как разместить изображения на кнопках ListView? Я нашел несколько учебников, но не знаю, как реализовать в моем xml, который у меня уже есть. Я все еще работаю только с xml файлами и ничего не трогал в коде сгенерированного MainActivity.java.

public class MainActivity extends Activity { 

@Override 
protected void onCreate(Bundle savedInstanceState) { 
    super.onCreate(savedInstanceState); 
    setContentView(R.layout.main); 
} 


@Override 
public boolean onCreateOptionsMenu(Menu menu) { 
    // Inflate the menu; this adds items to the action bar if it is present. 
    getMenuInflater().inflate(R.menu.main, menu); 
    return true; 
} 

@Override 
public boolean onOptionsItemSelected(MenuItem item) { 
    // Handle action bar item clicks here. The action bar will 
    // automatically handle clicks on the Home/Up button, so long 
    // as you specify a parent activity in AndroidManifest.xml. 
    int id = item.getItemId(); 
    if (id == R.id.action_settings) { 
     return true; 
    } 
    return super.onOptionsItemSelected(item); 
} 
} 

Это текущий XML

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
android:layout_width="match_parent" 
android:layout_height="match_parent" 
android:orientation="vertical" 
android:weightSum="1" > 

<RelativeLayout 
    android:layout_width="match_parent" 
    android:layout_height="0dp" 
    android:layout_weight="0.5" > 

    <ImageView 
     android:contentDescription="@string/food" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:layout_alignParentBottom="true" 
     android:scaleType="centerCrop" 
     android:src="@drawable/food" /> 
</RelativeLayout> 

<LinearLayout 
    android:layout_width="match_parent" 
    android:layout_height="0dp" 
    android:layout_weight="0.5" 
    android:orientation="vertical" > 

    <Button 
     android:id="@+id/button1" 
     android:layout_width="match_parent" 
     android:layout_height="35dp" 
     android:padding="4dp" 
     android:layout_marginTop="20dp" 
     android:gravity="left" 
     android:background="@drawable/bg_button" 
     android:text="@string/Menu1" /> 
    <!-- android:background="#c5e1b0" --> 
    <Button 
     android:id="@+id/button2" 
     android:layout_width="match_parent" 
     android:layout_height="35dp" 
     android:padding="4dp" 
     android:layout_marginTop="5dp" 

     android:gravity="left" 
     android:background="@drawable/bg_button" 
     android:text="@string/Menu2" /> 

    <Button 
     android:id="@+id/button3" 
     android:layout_width="match_parent" 
     android:layout_height="35dp" 
     android:padding="4dp" 
     android:layout_marginTop="5dp" 

     android:gravity="left" 
     android:background="@drawable/bg_button" 
     android:text="@string/Menu3" /> 

    <Button 
     android:id="@+id/button4" 
     android:layout_width="match_parent" 
     android:layout_height="35dp" 
     android:padding="4dp" 
     android:layout_marginTop="5dp" 

     android:gravity="left" 
     android:background="@drawable/bg_button" 
     android:text="@string/Menu4" /> 
</LinearLayout> 

</LinearLayout> 

Так что я хочу, чтобы добавить изображения на левой стороне этого 4 кнопки.

Любой может помочь с этой задачей? Обновление:

В настоящее время у меня есть эта структура слева. Половина экрана (верхняя) - это изображение. Вторая половина у меня есть 4 кнопки. Я хочу поместить изображение на каждую кнопку с левой стороны, как показано на рисунке справа, где находится красная акварель.

Answer 1

Вот как вы можете иметь изображение и текст как на той же кнопке

<Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Testing" android:drawableLeft="@drawable/logo"/>