Adding images to buttons in listview



How to put images on ListView buttons? I found some tutorials but don't know how to implement in my xml that I have already. I still working only with xml files and didn't touch anything in the code of the generated 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);
}
}


This is the current xml



<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://ift.tt/nIICcg"
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>


So I want to add images on the left side of this 4 buttons.


Anyone can help with this task?


No comments:

Post a Comment