Блог

Главная - Вопросы по программированию - Как динамически заполнить счетчик Android текстом изображением

Как динамически заполнить счетчик Android текстом изображением

#android #image #dynamic #spinner

#Android #изображение #динамический #счетчик

Вопрос:

Это то, чего я пытаюсь достичь                 , я могу добиться этого:

скриншот             введите описание изображения здесь

Я смог добавить текст и изображение в счетчик, но изображения не отображаются в выпадающем меню рядом с текстом. Он отображается только для выбранного элемента счетчика.

Вот мой код:

spinner_layout.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/mySpinner"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>

</LinearLayout>

spinner_value_layout.xml
Макет для элементов в счетчике. Это будет увеличено с помощью адаптера.

 <?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;

    }

}

Комментарии:

1. спасибо за этот вопрос, помогите мне много!

Ответ №1:

Попробуйте это..

 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;    
    }    
}

Комментарии:

1. Круто, это сработало 🙂 Можете ли вы также дать небольшое объяснение этому.

2. @AshAsh Вы создали представление только для выбранного элемента, а не для выпадающего списка. Я добавил это представление, которое отображалось

3. Похоже, у меня это не работает, getDropDownView(), getView() по какой-то причине никогда не вызываются в моем сценарии, поэтому getCustomView() никогда не вызывается. Есть идеи, почему? Спасибо.

4. Быстрое обновление, я решил свою проблему, описанную выше. Пример работает очень хорошо — спасибо за публикацию 🙂

5. Хотелось бы, чтобы я мог проголосовать за ваш ответ более одного раза. Я уже неделю бьюсь головой о стену над этой точно такой же проблемой. Я использую пользовательский SimpleCurosrAdapter вместо an ArrayAdapter , но ваш метод сработал и в моем случае. Еще раз спасибо и хорошего дня!

Ответ №2:

Попробуйте это

Это самый простой способ создания счетчика как с текстом, так и с изображениями.

  1. Создайте новый макет внутри res / layout / с любым именем, например spinner_value_layout.xml

     <?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"
        android:textColor="@color/colorBlack"/>
    <ImageView
        android:id="@ id/spinnerImages"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:contentDescription="@string/app_name"/>"
</TableRow>

  2. Создайте новый класс SimpleImageArrayAdapter

      public class SimpleImageArrayAdapter extends ArrayAdapter<Integer> {
 private Integer[] images;
 private String[] text;
 private Context context;

 public SimpleImageArrayAdapter(Context context, Integer[] images,String[] text) {
   super(context, android.R.layout.simple_spinner_item, images);
   this.images = images;
   this.text=text;
   this.context=context;
 }

 @Override
 public View getDropDownView(int position, View convertView, ViewGroup parent) {
    return getImageForPosition(position, convertView, parent);
 }

 @Override
 public View getView(int position, View convertView, ViewGroup parent) {
     return getImageForPosition(position, convertView, parent);
 }

 private View getImageForPosition(int position, View convertView, ViewGroup parent) {
    LayoutInflater inflater = (LayoutInflater)context.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(text[position]);
    ImageView imageView = (ImageView)row.findViewById(R.id.spinnerImages);
    imageView.setImageResource(images[position]);
    return row;
   }

  3. и, наконец, используйте это в своем классе, где вы передаете идентификатор счетчика

      Integer[] integers=new Integer[]{R.drawable.ic_launcher_foreground, R.drawable.ic_launcher_background};
 String[] strings=new String[]{"foreground","background"};
SimpleImageArrayAdapter adapter = new 
SimpleImageArrayAdapter(getApplicationContext(),integers,strings);
  spinner.setAdapter(adapter);

Вывод:-введите описание изображения здесь

Ответ №3:

Счетчик row.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="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>

Макет активности 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>

Класс активности

 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 для каждой строки

 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;
    }
}

И класс адаптера

 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;
    }
}