1

我正在开发一个音乐播放器应用程序。在此,我将检索 sdcard 中所有可用的音乐文件并显示在列表中。列表内将有一个播放按钮以播放歌曲。最初,所有图像将处于“PLAY BUTTON”状态。 在此处输入图像描述

然后当用户单击播放按钮时,播放按钮将变为此。

在此处输入图像描述

并且音乐将相应地播放/暂停。

但是,我面临的问题是,如果我播放第一首歌曲,歌曲就会播放并且图标会发生变化,但是如果我向下滚动列表,列表中的任何歌曲都会随机出现“暂停”按钮图像。

下面是代码:(在播放音乐方面它仍在开发中,但我需要解决这个图像问题)

音乐活动:

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

主要的.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>

项目.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>
4

2 回答 2

3

这是一个常见的问题,我们需要意识到的是,与滚动视图不同的是,所有内容都是一次绘制的,在 ListView 中,事物是在运行时绘制的。所以我建议维护一个集合,该集合存储适配器中每个列表项的按钮状态。

在获取视图功能中更改按钮上的drawble。

单击某个按钮时,会更改适配器中集合中按钮的状态。

我希望这能回答你的问题。

于 2012-03-20T13:26:58.927 回答
0

您面临的问题是您获得的回收视图包含暂停图像。你只需要明确地检查它。试试下面的代码:

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;
            }
于 2012-03-20T13:59:01.770 回答