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

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>
4

2 に答える 2

3

これはよくある問題です。認識しなければならないことは、すべてが一度に描画されるスクロール ビューとは異なり、ListView では実行時に描画されるということです。したがって、各リスト項目のボタンの状態をアダプターに格納するコレクションを維持することをお勧めします。

ビューの取得機能で、ボタンのドローブルを変更します。

ボタンをクリックすると、アダプタのコレクション内のボタンの状態が変更されます。

これがあなたの質問に答えることを願っています。

于 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 に答える