如何创建在单击时播放不同声音的按钮的 ListView
Posted
技术标签:
【中文标题】如何创建在单击时播放不同声音的按钮的 ListView【英文标题】:How to create a ListView of Buttons that play different sounds on click 【发布时间】:2015-03-14 12:19:21 【问题描述】:我需要使用 ListView 制作一个 Activity,它可能有 50 多个 ImageButtons,每个 ImageButtons 播放不同的声音。
这是主要活动(会有按钮):
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_
android:layout_
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
android:paddingBottom="@dimen/activity_vertical_margin"
tools:context="com.werewolve.freaksound.sounds"
android:background="@drawable/f_background_fit">
<ImageView
android:layout_
android:layout_
android:id="@+id/imageView"
android:layout_alignParentTop="true"
android:layout_centerHorizontal="true"
android:layout_marginTop="5dp"
android:src="@drawable/f_logo" />
<ListView
android:layout_
android:layout_
android:id="@+id/soundList"
android:layout_below="@+id/imageView"
android:layout_centerHorizontal="true"
android:layout_marginTop="15dp" />
</RelativeLayout>
这是我对列表视图每一行的自定义布局:
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_
android:layout_ >
<TextView
android:id="@+id/list_item_string"
android:layout_
android:layout_
android:layout_centerVertical="true"
android:layout_alignParentLeft="true"
android:paddingLeft="8dp"
android:paddingRight="8dp"
android:textSize="18sp"
android:textStyle="bold" />
<ImageButton
android:id="@+id/play_btn"
android:layout_
android:layout_
android:layout_alignParentRight="true"
android:background="#00000000"
android:src="@drawable/f_button_s"
android:layout_centerVertical="true"
android:layout_marginRight="5dp" />
</RelativeLayout>
每个按钮将通过 onClick "play_btn" 播放不同的声音,并根据声音使用字符串 "list_item_string" 播放文本。
例子:
*(笑声)*(播放按钮)***
【问题讨论】:
您使用的是自定义适配器吗? 【参考方案1】:您应该像这样创建一个自定义适配器:
public class PlaySoundsAdapter extends BaseAdapter implements View.OnClickListener
SoundExample[] sounds;
Activity context;
PlaySoundAlert soundPlayerAlert;
public PlaySoundsAdapter(Activity context, SoundExample[] soundsArray)
this.context = context;
this.sounds = soundsArray;
// Hooks up the PlaySoundAlert.PlaySound in MainActivity
this.soundPlayerAlert = (PlaySoundAlert)context;
@Override
public int getCount()
return sounds == null ? 0 : sounds.length;
@Override
public Object getItem(int i)
return sounds[i];
@Override
public long getItemId(int i)
return 0;
@Override
public View getView(int i, View view, ViewGroup viewGroup)
SoundExample item = (SoundExample)getItem(i);
if (view == null) // reuse existing view
view = context.getLayoutInflater().inflate(R.layout.custom_sound_layout,
viewGroup, false);
// Set the TextView to the name of the sound
TextView t = (TextView)view.findViewById(R.id.txtName);
t.setText(item.getSoundName());
// Set the tag of the button to the sound resource id (uri)
Button b = (Button)view.findViewById(R.id.play_btn);
b.setTag(item.getSoundUri());
// When the button is clicked, play the associated sound
b.setOnClickListener(this);
return view;
@Override
public void onClick(View view)
Button b = (Button) view;
if (b != null)
int soundUri = (int)b.getTag();
// Notify listener (MainActivity) to play the required sound
if (soundPlayerAlert != null)
soundPlayerAlert.playSound(soundUri);
接下来创建一个您可以在 Activity 中实现的接口以播放如下声音:
public interface PlaySoundAlert
public void playSound(int uri);
如您所见,我在上面创建的Adapter
使用此接口触发事件以播放所需的声音。
您的SoundExample
班级可能会喜欢这样的内容:
public class SoundExample
private int soundUri;
private String soundName;
public String getSoundName()
return soundName;
public void setSoundName(String soundName)
this.soundName = soundName;
public int getSoundUri()
return soundUri;
public void setSoundUri(int soundUri)
this.soundUri = soundUri;
要在您的 Activity
或 Fragment
中使用它,请使用以下内容:
public class MainActivity extends Activity implements PlaySoundAlert
ListView lstSounds;
PlaySoundsAdapter soundsAdapter;
SoundExample[] mySounds;
// Media player for playing sounds
MediaPlayer mp;
@Override
protected void onCreate(Bundle savedInstanceState)
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
lstSounds = (ListView) findViewById(R.id.soundList);
// Create sound list & add two SoundExample objects
mySounds = new SoundExample[2];
SoundExample s1 = new SoundExample();
SoundExample s2 = new SoundExample();
// Set sound one to a beep
s1.setSoundName("Beep Sound");
s1.setSoundUri(R.raw.beep);
// Set sound two to an applause sound
s2.setSoundName("Applause Sound");
// NOTE: I am using a sound titled applause.mp3 inside a folder called "raw"
s2.setSoundUri(R.raw.applause);
// Add sounds to the list
mySounds[0] = s1;
mySounds[1] = s2;
// Instantiate the adapter and apply to the ListView
soundsAdapter = new PlaySoundsAdapter(this, mySounds);
lstSounds.setAdapter(soundsAdapter);
@Override
public void playSound(int uri)
// Play sound
mp = MediaPlayer.create(this, uri);
if (!mp.isPlaying())
mp.start();
这应该就是你所需要的!
【讨论】:
我已将您编码的所有内容添加到我的应用程序中。更改了一些不允许我编译应用程序的内容。最后编译了它。但是,我如何添加一个带有文本的新行和列表的声音路径? @ElAlonnso 查看我的更新。请注意,我已将SoundExample soundUri
更改为 int。您还需要将声音或媒体文件添加到名为 raw
的目录中。
这里:好的,现在它向我抛出以下错误:(13, 37) 错误:找不到符号类 PlaySoundAlert。错误:(47, 5) 错误:方法没有覆盖或实现超类型中的方法。可能是因为我将一些 Private Classes 更改为 Public 因为那些向我发送“错误”?.. AND:Button b = view.findViewById(R.id.play_btn); (说不兼容的类型 Android.Widget.Button 和 Android.View.View)
听起来你好像错过了public interface PlaySoundAlert
。你必须确保你的 play_btn
是 Button
否则你会得到一个不兼容的类型错误。
将Button b = view.findViewById(R.id.play_btn);
更改为Button b = (Button) view.findViewById(R.id.play_btn);
【参考方案2】:
解决方案是创建一个自定义ListView
对象,该对象同时具有用于显示按钮名称的TextView
和ImageButton
。然后,您可以使用自定义 Adapter
将这些对象添加到您的 ListView
。 ImageButton
的替代方法是简单地使用常规图像并将其设为Clickable
。可以在此处找到创建可显示自定义对象的 ListView
的一个很好的示例(包括如何创建自定义 Adapter
):http://www.androidinterview.com/android-custom-listview-with-image-and-text-using-arrayadapter/
【讨论】:
以上是关于如何创建在单击时播放不同声音的按钮的 ListView的主要内容,如果未能解决你的问题,请参考以下文章