Cómo dinamizar Android spinner con texto + imagen
Esto es lo que estoy tratando de lograr que soy capaz de lograr esto mucho:
- Populating Android Spinner con la lista de objetos
- ¿Cómo establecer el valor predeterminado de Spinner por su valor en lugar de su posición?
- Edición de altura de edición de texto
- Implementación de eventos Spinner with Butter Knife
- ¿Cómo aumentar el tamaño de fuente del elemento giratorio?
Pude agregar texto e imagen a un Spinner, pero las imágenes no aparecen en el menú desplegable junto al texto. Sólo se muestra para el elemento seleccionado de la hiladora.
Aquí está mi código:
Spinner_layout.xml
El diseño que contiene el Spinner principal.
<?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" > <Spinner android:id="@+id/mySpinner" android:layout_width="wrap_content" android:layout_height="wrap_content"/> </LinearLayout> Spinner_value_layout.xml
El diseño de los elementos en el Spinner. Esto se inflará utilizando un adaptador.
<?xml version="1.0" encoding="utf-8"?> <TableLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <TableRow android:layout_width="match_parent" android:layout_height="match_parent" > <TextView android:id="@+id/spinnerTextView" android:layout_width="match_parent" android:layout_height="match_parent" /> <ImageView android:id="@+id/spinnerImages" android:layout_width="match_parent" android:layout_height="match_parent" android:contentDescription="@string/app_name"/>" </TableRow> </TableLayout>
SpinnerActivity.java
package com.example.spinner; import android.app.Activity; import android.os.Bundle; import android.widget.ImageView; import android.widget.Spinner; import android.widget.TextView; import com.example.tempspinner.R; public class SpinnerActivity extends Activity { String[] textArray = { "clouds", "mark", "techcrunch", "times" }; Integer[] imageArray = { R.drawable.clouds, R.drawable.mark, R.drawable.techcrunch, R.drawable.times }; @Override protected void onCreate(Bundle savedInstanceState) { // TODO Auto-generated method stub super.onCreate(savedInstanceState); setContentView(R.layout.spinner_layout); TextView text = (TextView) findViewById(R.id.spinnerTextView); ImageView imageView =(ImageView)findViewById(R.id.spinnerImages); Spinner spinner = (Spinner) findViewById(R.id.mySpinner); SpinnerAdapter adapter = new SpinnerAdapter(this, R.layout.spinner_value_layout, textArray, imageArray); spinner.setAdapter(adapter); } }
SpinnerAdapter.java
package com.example.spinner; import android.content.Context; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.widget.ArrayAdapter; import android.widget.ImageView; import android.widget.TextView; import com.example.tempspinner.R; public class SpinnerAdapter extends ArrayAdapter<String> { private Context ctx; private String[] contentArray; private Integer[] imageArray; public SpinnerAdapter(Context context, int resource, String[] objects, Integer[] imageArray) { super(context, R.layout.spinner_value_layout, R.id.spinnerTextView, objects); this.ctx = context; this.contentArray = objects; this.imageArray = imageArray; } @Override public View getView(int position, View convertView, ViewGroup parent) { if (convertView == null) { LayoutInflater inflater = (LayoutInflater) ctx.getSystemService(Context.LAYOUT_INFLATER_SERVICE); convertView = inflater.inflate(R.layout.spinner_value_layout, null); } TextView textView = (TextView) convertView.findViewById(R.id.spinnerTextView); textView.setText(contentArray[position]); ImageView imageView = (ImageView)convertView.findViewById(R.id.spinnerImages); imageView.setImageResource(imageArray[position]); return convertView; } }
- No puedo ver el progreso de spinner en ProgressDialog en Lollipop
- IndexOutOfBounds en Spinner?
- ¿Cómo configurar el elemento seleccionado de Spinner por valor, no por posición?
- Establecer el elemento seleccionado de la hiladora mediante programación
- Android Spinner: ¿Cómo capturar cuando el usuario sale spinner dejando el valor seleccionado como-es?
- Elemento deshabilitado en la lista de hilanderos
- Spinner se inicializa cuando empieza mi actividad - Android
- ¿Cómo crearía un Spinner para su uso como elemento de acción?
Prueba esto..
public class SpinnerAdapter extends ArrayAdapter<String> { private Context ctx; private String[] contentArray; private Integer[] imageArray; public SpinnerAdapter(Context context, int resource, String[] objects, Integer[] imageArray) { super(context, R.layout.spinner_value_layout, R.id.spinnerTextView, objects); this.ctx = context; this.contentArray = objects; this.imageArray = imageArray; } @Override public View getDropDownView(int position, View convertView,ViewGroup parent) { return getCustomView(position, convertView, parent); } @Override public View getView(int position, View convertView, ViewGroup parent) { return getCustomView(position, convertView, parent); } public View getCustomView(int position, View convertView, ViewGroup parent) { LayoutInflater inflater = (LayoutInflater)ctx.getSystemService(Context.LAYOUT_INFLATER_SERVICE); View row = inflater.inflate(R.layout.spinner_value_layout, parent, false); TextView textView = (TextView) row.findViewById(R.id.spinnerTextView); textView.setText(contentArray[position]); ImageView imageView = (ImageView)row.findViewById(R.id.spinnerImages); imageView.setImageResource(imageArray[position]); return row; } }
Spinner row.xml Puede eliminar mis estilos e imágenes desplegables innecesarios
<?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" android:padding="10dip"> <ImageView android:id="@+id/spinner_img" android:layout_width="30dp" android:layout_height="30dp" android:layout_centerVertical="true" /> <TextView android:id="@+id/spinner_name" android:layout_width="match_parent" android:layout_height="30dp" android:layout_marginLeft="5dip" android:layout_marginTop="2dip" android:padding="3dip" android:textColor="@android:color/holo_red_dark" /> </LinearLayout>
Diseño de la actividad act_add_new_prog.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"> <Spinner android:id="@+id/spin_frag_four_kategori" android:layout_width="260dp" android:layout_height="wrap_content" android:layout_gravity="center" android:layout_marginBottom="10dp" android:layout_marginTop="50dp" android:background="@drawable/aw_shadow" android:entries="@array/workouts" android:gravity="center|top|start" android:paddingLeft="15dp" android:text="Selam" /> </LinearLayout>
Clase de actividad
package com.sam.livehealty.addprogspinner; import android.app.Activity; import android.os.Bundle; import android.widget.ImageView; import android.widget.Spinner; import com.sam.livehealty.R; import java.util.ArrayList; public class AddNewProgramAct extends Activity { private ImageView img_back; private Spinner spinner; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.act_add_new_prog); img_back = (ImageView) findViewById(R.id.img_act_add_new_program_back); spinner = (Spinner) findViewById(R.id.spin_frag_four_kategori); spinner.setAdapter(new MyAdapter(this, R.layout.spinner_row, getAllList())); } public ArrayList<ListItemAddProg> getAllList() { ArrayList<ListItemAddProg> allList = new ArrayList<ListItemAddProg>(); ListItemAddProg item = new ListItemAddProg(); item.setData("Brench Presses", R.drawable.ic_circling); allList.add(item); item = new ListItemAddProg(); item.setData("Incline Presses", R.drawable.ic_diamond); allList.add(item); item = new ListItemAddProg(); item.setData("Decline Presses", R.drawable.ic_personal); allList.add(item); item = new ListItemAddProg(); item.setData("Close-Grip Bench Presses", R.drawable.ic_team); allList.add(item); item = new ListItemAddProg(); item.setData("Dumbble Flys", R.drawable.ic_wrestling); allList.add(item); item = new ListItemAddProg(); item.setData("Incle Dumbbell Flys", R.drawable.ic_team); allList.add(item); item = new ListItemAddProg(); item.setData("Parallel Bar Dips", R.drawable.ic_personal); allList.add(item); item = new ListItemAddProg(); item.setData("Dumbble Flys", R.drawable.ic_circling); allList.add(item); item = new ListItemAddProg(); item.setData("Incline Dumbble Flys", R.drawable.ic_team); allList.add(item); item = new ListItemAddProg(); item.setData("Parallel Bar Dips", R.drawable.ic_circling); allList.add(item); item = new ListItemAddProg(); item.setData("Barbell Pullovers", R.drawable.ic_wrestling); allList.add(item); item = new ListItemAddProg(); item.setData("Peck Deck Flyes", R.drawable.ic_team); allList.add(item); item = new ListItemAddProg(); item.setData("Peck Deck Flyes", R.drawable.ic_personal); allList.add(item); item = new ListItemAddProg(); item.setData(" Incline Dumbbell Presses", R.drawable.ic_circling); allList.add(item); item = new ListItemAddProg(); item.setData("Cable Crossover Flyes", R.drawable.ic_wrestling); allList.add(item); item = new ListItemAddProg(); item.setData("Machine Bench Press", R.drawable.ic_team); allList.add(item); item = new ListItemAddProg(); item.setData("Push-Ups", R.drawable.ic_personal); allList.add(item); /* for (int i = 0; i < 10000; i++) { item = new ListItemAddProg(); item.setData("Google " + i + i, R.drawable.ic_remove); allList.add(item); }*/ return allList; } }
ItemModel para cada fila
public class ListItemAddProg { String name; int logo; public void setData(String name, int logo) { this.name = name; this.logo = logo; } public String getName() { return name; } public void setName(String name) { this.name = name; } public int getLogo() { return logo; } public void setLogo(int logo) { this.logo = logo; } }
Y Clase De Adaptador
import android.app.Activity; import android.content.Context; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.widget.ArrayAdapter; import android.widget.ImageView; import android.widget.TextView; import com.sam.livehealty.R; import java.util.ArrayList; public class MyAdapter extends ArrayAdapter<ListItemAddProg> { LayoutInflater inflater; ArrayList<ListItemAddProg> objects; ViewHolder holder = null; public MyAdapter(Context context, int textViewResourceId, ArrayList<ListItemAddProg> objects) { super(context, textViewResourceId, objects); inflater = ((Activity) context).getLayoutInflater(); this.objects = objects; } @Override public View getDropDownView(int position, View convertView, ViewGroup parent) { return getCustomView(position, convertView, parent); } @Override public View getView(int position, View convertView, ViewGroup parent) { return getCustomView(position, convertView, parent); } public View getCustomView(int position, View convertView, ViewGroup parent) { ListItemAddProg listItemAddProg = objects.get(position); View row = convertView; if (null == row) { holder = new ViewHolder(); row = inflater.inflate(R.layout.spinner_row, parent, false); holder.name = (TextView) row.findViewById(R.id.spinner_name); holder.img = (ImageView) row.findViewById(R.id.spinner_img); row.setTag(holder); } else { holder = (ViewHolder) row.getTag(); } holder.name.setText(listItemAddProg.getName()); holder.img.setBackgroundResource(listItemAddProg.getLogo()); return row; } static class ViewHolder { TextView name; ImageView img; } }
- ¿Qué es android: layout_gravity = "clip_vertical" exactamente
- ¿Cómo usar "goAsync" para broadcastReceiver?