Самое простое решение:
Во первых, нужно создать разметку айтема, так как андроид не предлагает по умолчанию таких разметок с картинкой. Она будет определять, как будет выглядеть каждый элемент списка. Назовем ее list_item.xml
и поместим в папку res/layout/ :
<?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="wrap_content"
android:orientation="horizontal">
<ImageView
android:id="@+id/image1"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
<TextView
android:id="@+id/text1"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:layout_margin="8dp" />
</LinearLayout>
Здесь важно, что ID виджетов image1
(то, куда будет выводиться картинка) и text1
(то, куда будет выводиться текст) нужно запомнить, они нам пригодятся в дальнейшем.
Сам класс фрагмента:
public class MyListFragment extends ListFragment{
//Заполняем данные. Имена и соответствующие им картинки в двух массивах
String dataname[] = new String[]{"name1", "name2", "name3", "name4", "name5", "name6", "name7"};
int images[] = new int[]{R.drawable.dot, R.drawable.info, R.drawable.command, R.drawable.cube, R.drawable.spider, R.drawable.lock, R.drawable.earth};
@Override
public void onActivityCreated(Bundle savedInstanceState) {
super.onActivityCreated(savedInstanceState);
//создаем карту данных для адаптера
List<HashMap<String,String>> list = new ArrayList<>();
// Заполняем ее данными
for(int i=0;i<7;i++){
HashMap<String, String> hm = new HashMap<>();
hm.put("keyText", dataname[i]);
hm.put("keyImage", Integer.toString(images[i]) );
list.add(hm);
}
//Здесь указываем по каким ключам карты получать данные
String[] from = {"keyImage","keyText"};
//Здесь указываем ID виджетов на нашей разметке, в которые помещать эти данные
int[] to = {R.id.image1, R.id.text1};
//в адаптере указываем разметку айтема, саму карту данных, откуда брать данные и куда помещать
SimpleAdapter adapter = new SimpleAdapter(getActivity(), list, R.layout.list_item, from, to);
setListAdapter(adapter);
}
}