android之Dialog自定义引发的血案
我仍然从实际工作中出发!最近需要在照相机里面添加声控拍照功能(语音拍照),在设置当中需要实现如下图的效果:
其设置的"语音拍照"菜单功能描述如下:
(1)当点击""语音拍照"菜单时候就会弹出如上图所示的Dialog, 点击Dialog里面的"拍照"/"茄子"就会自动播放声音.
(2)Dialog出现时候,只要点击Dialog以外的区域,Dialog就会自动消失.
(3)当点击"语音拍照"菜单最右边的绿色switch按钮时候,就会打开/关闭语音拍照功能.
上面效果图的实现其实是一个PreferenceActivity, 所以我们新加的"语音拍照"菜单就是在这个PreferenceActivity(CameraSettingActivity)里面添加.
首先,我们要解决的是如何创建一个自己定义的Dialog: 在Activity里面有一个方法public Dialog onCreateDialog(int dialogId),用他就可以创建属于自己的Dialog,然后调用Activity的public final void showDialog(int id)就可以显示我们创建的Dialog. 这里Activity是根据不同的dialogId来创建和显示不同的Dialog,而 dialogId就是你自己定义的!在我们的CameraSettingActivity如下定义
private static final int DIALOG_ID_VOICE_COMMAND_SHOW_TONES = 111; @Override
public Dialog onCreateDialog(int dialogId) {
if(dialogId == DIALOG_ID_VOICE_COMMAND_SHOW_TONES){
Dialog dialog = new Dialog(this, R.style.transparent_dialog_them);
dialog.setContentView(R.layout.setting_switch_sublist_layout);
VoiceManager voice_manager = ((CameraApp)CameraSettingActivity.this.getApplication()).getVoiceManager();
SettingSwitchSublistLayout mVoiceSettingLayout =(SettingSwitchSublistLayout) dialog.findViewById(R.id.SettingSwitchSublistLayout_ID);
mVoiceSettingLayout.initialize(voice_manager.getVoiceEntryValues());
mVoiceSettingLayout.setSettingChangedListener(this);
//dialog.getWindow().setCloseOnTouchOutside(true);
View content =(View) dialog.getWindow().getDecorView().findViewById(com.android.internal.R.id.content);
content.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
dismissDialog(DIALOG_ID_VOICE_COMMAND_SHOW_TONES);
}
});
return dialog;
}
return super.onCreateDialog(dialogId);
}(1)
Dialog dialog = new Dialog(this, R.style.transparent_dialog_them); (2)
dialog.setContentView(R.layout.setting_switch_sublist_layout);(3)
View content =(View) dialog.getWindow().getDecorView().findViewById(com.android.internal.R.id.content);
content.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
dismissDialog(DIALOG_ID_VOICE_COMMAND_SHOW_TONES);
}
});上面是关于dialog的创建! 你觉得有问题吗?
然后,我们来看看如何实现点击:当点击""语音拍照"菜单时候就会弹出如上图所示的Dialog,而当点击"语音拍照"菜单最右边的绿色switch按钮时候,就会打开/关闭语音拍照功能.新看看如下代码:
SwitchPreference voicePref =(SwitchPreference) findPreference(getString(R.string.camera_setting_item_pref_voice_key)); voicePref.setLayoutResource(R.layout.xunhu_voice_preference);//xunhu_ali_preference
String key = getString(R.string.camera_setting_item_pref_voice_key);
boolean value = getPreferenceManager().getSharedPreferences().getBoolean(key, false);
//Log.d("pre_carmera", "CameraSettingActivity : initDefaultSavePath mValue="+value);
VoiceManager voice_manager = ((CameraApp)this.getApplication()).getVoiceManager();
String mValue = voice_manager.getVoiceValue();其实这个布局跟默认的 SwitchPreference的布局没有什么区别!只是在这个布局的父view上面加了一个属性android:onClick="VoiceCommandClickListener" 如下代码所示:
最后看看VoiceCommandClickListener的定义:
public void VoiceCommandClickListener(View v) {
showDialog(DIALOG_ID_VOICE_COMMAND_SHOW_TONES);
}到了这里后,会很快发现有两个疑问:(1)我们实现的当点击dialog 以外的区域时候,dialog自动消失,是否有简单的办法!(2)可以用DialogFragment来替换我们这里的Dialog吗?
先解决地一个疑问:
通过查看dialog.java可以发现,其实一个dialog的创建其实就会为这个dialog创建window,通过工具hierarchyviewer来查看时候,你会发现这个dialog其实占领了整个屏幕,而不是仅仅只是只有显示区域的那么多! 为什么这样呢! 这是你会很快发现,当要是一个activity成dialog模式的时候,你就需要给这个activity的主题配置为dialog模式:Theme.Dialog. 刚才说了,一个Dialog和activity的显示都是起源与一个window,那么Dialog创建时候是否制定了主题为Theme.Dialog就可以解决问题了呢! 实际结果的确和我推断一样!
把上面的代码修改如下:
@Override
public Dialog onCreateDialog(int dialogId) {
if(dialogId == DIALOG_ID_VOICE_COMMAND_SHOW_TONES){
Dialog dialog = new Dialog(this, R.style.transparent_dialog_them);
dialog.setContentView(R.layout.setting_switch_sublist_layout);
VoiceManager voice_manager = ((CameraApp)CameraSettingActivity.this.getApplication()).getVoiceManager();
SettingSwitchSublistLayout mVoiceSettingLayout =(SettingSwitchSublistLayout) dialog.findViewById(R.id.SettingSwitchSublistLayout_ID);
mVoiceSettingLayout.initialize(voice_manager.getVoiceEntryValues());
mVoiceSettingLayout.setSettingChangedListener(this);
dialog.getWindow().setCloseOnTouchOutside(true);
/*
View content =(View) dialog.getWindow().getDecorView().findViewById(com.android.internal.R.id.content);
content.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
dismissDialog(DIALOG_ID_VOICE_COMMAND_SHOW_TONES);
}
});
*/
dialog.setCanceledOnTouchOutside(true);
return dialog;
}
return super.onCreateDialog(dialogId);
}dialog.getWindow().setCloseOnTouchOutside(true); 原来transparent_dialog_them的父是:Theme.HWDroid.Ali.NoActionBar,现在改成:Theme.HWDroid.Ali.Dialog.NoActionBar. 这样就解决来疑问.先打开Activity.java来看看与Dialog有关的源码, 其中有关于Dialog的说明如下:
* @deprecated Use the new {@link DialogFragment} class with
* {@link FragmentManager} instead; this is also
* available on older platforms through the Android compatibility package.所以大家会Fragment的,也就会了DialogFragment,其实DialogFragment就是封装了Dialog的Fragment. 下面直接上代码,看看采用DialogFragment如何实现:
public void VoiceCommandClickListener(View v) {
//showDialog(DIALOG_ID_VOICE_COMMAND_SHOW_TONES);
FragmentTransaction ft = getFragmentManager().beginTransaction();
VoiceCommandDialogFragment prev =(VoiceCommandDialogFragment) getFragmentManager().findFragmentByTag("voice_dialog");
if (prev != null) {
ft.show(prev);
}else{
prev = VoiceCommandDialogFragment.newInstance();
prev.show(ft, "voice_dialog");
}
} private static final class VoiceCommandDialogFragment extends DialogFragment {
//private static VoiceCommandDialogFragment f;
//private static final Object mLock = new Object();
private static class SingletonHolder {
private static VoiceCommandDialogFragment f = new VoiceCommandDialogFragment();
}
/*
static VoiceCommandDialogFragment newInstance() {
if(null == f){
synchronized (mLock){
if(null == f){
f = new VoiceCommandDialogFragment();
}
}
}
return f;
}
*/
public static VoiceCommandDialogFragment newInstance() {
/*
if(null == f){
f = new VoiceCommandDialogFragment();
}
return f;
*/
return SingletonHolder.f;
}
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
// Pick a style based on the num.
int style = DialogFragment.STYLE_NO_TITLE, theme = R.style.transparent_dialog_them;
setStyle(style, theme);
}
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState) {
View v = inflater.inflate(R.layout.setting_switch_sublist_layout, container, false);
VoiceManager voice_manager = ((CameraApp)getActivity().getApplication()).getVoiceManager();
SettingSwitchSublistLayout mVoiceSettingLayout =(SettingSwitchSublistLayout) v.findViewById(R.id.SettingSwitchSublistLayout_ID);
mVoiceSettingLayout.initialize(voice_manager.getVoiceEntryValues());
mVoiceSettingLayout.setSettingChangedListener((CameraSettingActivity)getActivity());
return v;
}
}(1)需要重复创建DialogFragment问题, 这里使用单例模式.这里我采用内部类来解决;
(2)显示的时候,需要检测当前FragmentManager里面是否有存在的我需要显示的DialogFragment;
(3)跟上面一样,器主题设置一定要设置为dialog_them;
这就可以了.