Изменить изображение кнопки при нажатии на нее в виде списка в Android - PullRequest
1 голос
/ 20 марта 2012

Я занимаюсь разработкой приложения для музыкального плеера.В этом я получу все музыкальные файлы, доступные на SDCard, и отобразлю их в виде списка.Внутри списка будет кнопка воспроизведения для воспроизведения песни.Первоначально все изображения будут в состоянии «КНОПКА ВОСПРОИЗВЕДЕНИЯ».enter image description here

затем, когда пользователь нажимает кнопку воспроизведения, кнопка воспроизведения изменится на эту.

enter image description here

, и музыка будет соответственно воспроизводиться / приостанавливаться.

Но проблема, с которой я сталкиваюсь, заключается в том, что, если я проигрываю первую песню, песня воспроизводится и значок меняется, но если я прокручиваю список вниз, изображение кнопки «ПАУЗА» появляется произвольно для любой песни.в списке.

Ниже приведен код: (Он все еще находится в стадии разработки, когда речь идет о воспроизведении музыки, но мне нужно решить эту проблему с изображением)

MusicActivity:

package sample.music;

import android.app.Activity;
import android.content.Context;
import android.database.Cursor;
import android.media.MediaPlayer;
import android.os.Bundle;
import android.provider.MediaStore;
import android.view.LayoutInflater;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.ListView;
import android.widget.TextView;
import android.widget.Toast;

public class MusicActivity extends Activity {
    ListView musiclist;
    Cursor musiccursor;
    int music_column_index;
    int count;
    MediaPlayer mMediaPlayer;

    private static LayoutInflater inflater = null;

    @Override
    protected void onDestroy() {
        // TODO Auto-generated method stub
        super.onDestroy();
        mMediaPlayer.release();
    }

    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        init_phone_music_grid();

    }

    private void init_phone_music_grid() {
        System.gc();
        String[] proj = { MediaStore.Audio.Media._ID,
                MediaStore.Audio.Media.DATA,
                MediaStore.Audio.Media.DISPLAY_NAME,
                MediaStore.Video.Media.SIZE };
        musiccursor = managedQuery(MediaStore.Audio.Media.EXTERNAL_CONTENT_URI,
                proj, null, null, null);
        count = musiccursor.getCount();
        musiclist = (ListView) findViewById(R.id.PhoneMusicList);
        musiclist.setAdapter(new MusicAdapter(getApplicationContext()));
        musiclist.setDividerHeight(50);

        // musiclist.setOnItemClickListener(musicgridlistener);
        mMediaPlayer = new MediaPlayer();
    }

    static class ViewHolder {

        TextView textView;
        ImageView imageView;
    }

    public class MusicAdapter extends BaseAdapter {
        private Context mContext;

        public MusicAdapter(Context c) {
            mContext = c;
        }

        public int getCount() {
            return count;
        }

        public Object getItem(int position) {
            return position;
        }

        public long getItemId(int position) {
            return position;
        }

        public View getView(int position, View convertView, ViewGroup parent) {
            System.gc();
            String id = null;
            View vi = convertView;
            final int muscPosition = position;

            final ViewHolder viewHolder;
            if (convertView == null) {
                inflater = MusicActivity.this.getLayoutInflater();
                vi = inflater.inflate(R.layout.item, null);
            }
                viewHolder = new ViewHolder();
                viewHolder.textView = (TextView) vi.findViewById(R.id.text);

                viewHolder.imageView = (ImageView) vi.findViewById(R.id.image);

                //final ImageView tempView = viewHolder.imageView;
                viewHolder.imageView.setOnClickListener(new OnClickListener() {

                    @Override
                    public void onClick(View v) {
                        // TODO Auto-generated method stub
                        music_column_index = musiccursor
                                .getColumnIndexOrThrow(MediaStore.Audio.Media.DATA);
                        musiccursor.moveToPosition(muscPosition);
                        String filename = musiccursor
                                .getString(music_column_index);

                        try {
                            if (mMediaPlayer.isPlaying()) {
                                Toast.makeText(MusicActivity.this,
                                        "mMediaPlayer.isPlaying()",
                                        Toast.LENGTH_LONG).show();
                                try {
                                    mMediaPlayer.stop();
                                    mMediaPlayer.release();
                                    viewHolder.imageView.setImageResource(R.drawable.play_button);
                                    //notifyDataSetChanged();
                                } catch (Exception e) {
                                    // TODO: handle exception
                                    Toast.makeText(MusicActivity.this, e + "",
                                            Toast.LENGTH_LONG).show();
                                }

                            } else {
                                Toast.makeText(MusicActivity.this,
                                        "mMediaPlayer.start", Toast.LENGTH_LONG)
                                        .show();
                                viewHolder.imageView.setImageResource(R.drawable.pause_button);

                                //notifyDataSetChanged();
                                mMediaPlayer.setDataSource(filename);
                                mMediaPlayer.prepare();
                                mMediaPlayer.start();
                            }
                        } catch (Exception e) {
                            Toast.makeText(MusicActivity.this, e + ""+".....",
                                    Toast.LENGTH_LONG).show();
                        }
                    }
                });

                music_column_index = musiccursor
                        .getColumnIndexOrThrow(MediaStore.Audio.Media.DISPLAY_NAME);
                musiccursor.moveToPosition(position);
                id = musiccursor.getString(music_column_index);
                music_column_index = musiccursor
                        .getColumnIndexOrThrow(MediaStore.Audio.Media.SIZE);
                musiccursor.moveToPosition(position);
                id += " Size(KB):" + musiccursor.getString(music_column_index);

                vi.setTag(viewHolder);
                viewHolder.textView.setText(id);

            return vi;
        }
    }
}

main.xml

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

    <ListView
        android:id="@+id/PhoneMusicList"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent" />

</LinearLayout>

item.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="fill_parent"
  android:layout_height="wrap_content">
  <ImageView
      android:id="@+id/image"
      android:layout_width="50dip"
      android:layout_height="50dip" android:src="@drawable/play_button" android:scaleType="centerCrop"/>
  <TextView
      android:id="@+id/text"
      android:layout_width="fill_parent"
      android:layout_height="wrap_content"
      android:layout_weight="1" android:layout_gravity="left|center_vertical" android:textSize="20dip" android:layout_marginLeft="10dip"/>
</LinearLayout>

Ответы [ 2 ]

3 голосов
/ 20 марта 2012

Это распространенная проблема, нам нужно понять, что в отличие от представления с прокруткой, когда все рисуется одновременно, в ListView все рисуется во время выполнения.Поэтому я предлагаю сохранить коллекцию, в которой сохраняется состояние кнопки для каждого элемента списка в адаптере.

В функции get view измените рисование на кнопке.

Когда нажата какая-то кнопкаизмените состояние кнопки в коллекции в адаптере.

Надеюсь, это ответит на ваш вопрос.

0 голосов
/ 20 марта 2012

Проблема, с которой вы сталкиваетесь, заключается в том, что полученное в результате повторное представление содержит изображение паузы.Вам просто нужно явно проверить это. Попробуйте следующий код:

int pause_button_position=-1; //add
    public View getView(int position, View convertView, ViewGroup parent) {
                System.gc();
                String id = null;
                View vi = convertView;
                final int muscPosition = position;

                final ViewHolder viewHolder;
                if (convertView == null) {
                    inflater = MusicActivity.this.getLayoutInflater();
                    vi = inflater.inflate(R.layout.item, null);
                }
                    viewHolder = new ViewHolder();
                    viewHolder.textView = (TextView) vi.findViewById(R.id.text);

                    viewHolder.imageView = (ImageView) vi.findViewById(R.id.image);

if(position!=pause_button_position)                      
viewHolder.imageView.setImageResource(R.drawable.play_button); //add this line

                    //final ImageView tempView = viewHolder.imageView;
                    viewHolder.imageView.setOnClickListener(new OnClickListener() {

                        @Override
                        public void onClick(View v) {
                            // TODO Auto-generated method stub
                            music_column_index = musiccursor
                                    .getColumnIndexOrThrow(MediaStore.Audio.Media.DATA);
                            musiccursor.moveToPosition(muscPosition);
                            String filename = musiccursor
                                    .getString(music_column_index);

                            try {
                                if (mMediaPlayer.isPlaying()) {
                                    Toast.makeText(MusicActivity.this,
                                            "mMediaPlayer.isPlaying()",
                                            Toast.LENGTH_LONG).show();
                                    try {
                                        mMediaPlayer.stop();
                                        mMediaPlayer.release();
                                        viewHolder.imageView.setImageResource(R.drawable.play_button);
                                        //notifyDataSetChanged();
                                    } catch (Exception e) {
                                        // TODO: handle exception
                                        Toast.makeText(MusicActivity.this, e + "",
                                                Toast.LENGTH_LONG).show();
                                    }

                                } else {
                                    Toast.makeText(MusicActivity.this,
                                            "mMediaPlayer.start", Toast.LENGTH_LONG)
                                            .show();
                                    viewHolder.imageView.setImageResource(R.drawable.pause_button);
    pause_button_position=position; //add
                                    //notifyDataSetChanged();
                                    mMediaPlayer.setDataSource(filename);
                                    mMediaPlayer.prepare();
                                    mMediaPlayer.start();
                                }
                            } catch (Exception e) {
                                Toast.makeText(MusicActivity.this, e + ""+".....",
                                        Toast.LENGTH_LONG).show();
                            }
                        }
                    });

                    music_column_index = musiccursor
                            .getColumnIndexOrThrow(MediaStore.Audio.Media.DISPLAY_NAME);
                    musiccursor.moveToPosition(position);
                    id = musiccursor.getString(music_column_index);
                    music_column_index = musiccursor
                            .getColumnIndexOrThrow(MediaStore.Audio.Media.SIZE);
                    musiccursor.moveToPosition(position);
                    id += " Size(KB):" + musiccursor.getString(music_column_index);

                    vi.setTag(viewHolder);
                    viewHolder.textView.setText(id);

                return vi;
            }
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...