`

Dialog定制

阅读更多
定制dialog的方式
1. 可以通过Theme的方式,android默认也提供了一些Window的Theme来给我们使用,如:android.R.style.Theme_NoTitleBar(不显示title bar),android.R.style.Theme_NoTitleBar_Fullscreen(全屏)。
2. 通过设置Window类的一些属性来定制

如果要看源码的话,涉及到的一些类和xml文件:
android.view.Window
android.view.WindowManager (Window的属性管理类,而不是Window管理类)
android.view.WindowManager.LayoutParams (Window的所有可设置属性)
android.view.ViewGroup.LayoutParams (WindowManager.LayoutParams继承自该类)
com.android.internal.policy.impl.MidWindow (Dialog使用的Window实现类, Activity的Window实现类是PhoneWindow)

/res/style/themes.xml (在style name="Theme"下的那些item,大部分会被Window实现类读取,如:MidWindow的generateLayout方法会读取Window_windowIsFloating, Window_windowNoTitle等)
/res/layout/dialog_custom_title.xml
/res/layout/dialog_title_icons.xml
/res/layout/dialog_title.xml


在Dialog之外点击时隐藏Dialog
setCanceledOnTouchOutside(true);



下面展示的代码将用到的基础代码
public class MyDialog extends Dialog {
	private ImageView mImageView;

	public MyDialog(Context context, String imageUrl) {
		super(context);
		setCanceledOnTouchOutside(true);
		
		Window win = getWindow();
		win.requestFeature(Window.FEATURE_NO_TITLE);
		WindowManager.LayoutParams wAttrs = win.getAttributes();
		configWindow(win, wAttrs);
	}
	
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		Context ctxt = getContext();
		mImageView = new ImageView(ctxt);
		mImageView.setImageResource(R.drawable.ic_launcher);
		mImageView.setLayoutParams(new LayoutParams(LayoutParams.FILL_PARENT, LayoutParams.FILL_PARENT));
		setContentView(mImageView);
	}
	
	private void configWindow(Window win, WindowManager.LayoutParams wAttrs) {
		// 在这里设置dialog的一些属性
	}
}


在任意未知显示Dialog
// gravity默认为Gravity.CENTER,x, y分别为0, 0
// x, y是相对于当前的gravity而言的
private void configWindow(Window win, WindowManager.LayoutParams wAttrs) {
	wAttrs.gravity = Gravity.LEFT | Gravity.TOP;
	wAttrs.x = 0;
	wAttrs.y = 100;
}


设置Dialog的透明度
private void configWindow(Window win, WindowManager.LayoutParams wAttrs) {
	wAttrs.alpha =0.1F;  // 0.0F(完全透明) - 1.0F
}


设置显示Dialog时,屏幕的亮度
private void configWindow(Window win, WindowManager.LayoutParams wAttrs) {
	wAttrs.screenBrightness =0.1F;  // 0.0F - 1.0F(最亮)
}


设置Dialog与屏幕间的margin
private void configWindow(Window win, WindowManager.LayoutParams wAttrs) {
	wAttrs.gravity = Gravity.LEFT;
	wAttrs.horizontalMargin = 0.1F;
	// 因为现在的gravity是Gravity.LEFT和Gravity.CENTER,所以在垂直方向上是以中间为margin的参考点
	wAttrs.verticalMargin = 0.1F;
}


改变Dialog的大小
默认情况下,Dialog大小只是包住其内部的view,就是layout把android:layout_xxx="fill_parent"也是如此。不知道这个是不是mIsFloating这个属性引起的。
private void configWindow(Window win, WindowManager.LayoutParams wAttrs) {
	// 好像这个设了没效果,网上找的代码
	Display d = win.getWindowManager().getDefaultDisplay();
	wAttrs.width = (int) (d.getWidth() * 0.9F);
	wAttrs.height = (int) (d.getHeight() * 0.6F);
}


模糊Dialog后的内容
private void configWindow(Window win, WindowManager.LayoutParams wAttrs) {
	win.setFlags(WindowManager.LayoutParams.FLAG_BLUR_BEHIND, WindowManager.LayoutParams.FLAG_BLUR_BEHIND);
}


Dialog不接受Touch事件
private void configWindow(Window win, WindowManager.LayoutParams wAttrs) {
	win.setFlags(WindowManager.LayoutParams.FLAG_NOT_TOUCHABLE, WindowManager.LayoutParams.FLAG_NOT_TOUCHABLE);
}


不变暗dialog后的内容
private void configWindow(Window win, WindowManager.LayoutParams wAttrs) {
	win.setFlags(0, WindowManager.LayoutParams.FLAG_DIM_BEHIND);
}


其他一些Flag的介绍
窗口之后的内容变暗。
public static final int FLAG_DIM_BEHIND       = 0x00000002;

窗口之后的内容变模糊。
public static final int FLAG_BLUR_BEHIND       = 0x00000004;

不许获得焦点。
不能获得按键输入焦点,所以不能向它发送按键或按钮事件。那些时间将发送给它后面的可以获得焦点的窗口。此选项还会设置FLAG_NOT_TOUCH_MODAL选项。设置此选项,意味着窗口不能与软输入法进行交互,所以它的Z序独立于任何活动的输入法(换句话说,它可以全屏显示,如果需要的话,可覆盖输入法窗口)。要修改这一行为,可参考FLAG_ALT_FOCUSALBE_IM选项。
public static final int FLAG_NOT_FOCUSABLE     = 0x00000008;

不接受触摸屏事件。
public static final int FLAG_NOT_TOUCHABLE     = 0x00000010;

当窗口可以获得焦点(没有设置FLAG_NOT_FOCUSALBE选项)时,仍然将窗口范围之外的点设备事件(鼠标、触摸屏)发送给后面的窗口处理。否则它将独占所有的点设备事件,而不管它们是不是发生在窗口范围之内。
public static final int FLAG_NOT_TOUCH_MODAL   = 0x00000020;

如果设置了这个标志,当设备休眠时,点击触摸屏,设备将收到这个第一触摸事件。
通常第一触摸事件被系统所消耗,用户不会看到他们点击屏幕有什么反应。
public static final int FLAG_TOUCHABLE_WHEN_WAKING = 0x00000040;

当此窗口为用户可见时,保持设备常开,并保持亮度不变。
public static final int FLAG_KEEP_SCREEN_ON    = 0x00000080;

窗口占满整个屏幕,忽略周围的装饰边框(例如状态栏)。此窗口需考虑到装饰边框的内容。
public static final int FLAG_LAYOUT_IN_SCREEN   =0x00000100;

允许窗口扩展到屏幕之外。
public static final int FLAG_LAYOUT_NO_LIMITS   =0x00000200;

窗口显示时,隐藏所有的屏幕装饰(例如状态条)。使窗口占用整个显示区域。
public static final int FLAG_FULLSCREEN     = 0x00000400;

此选项将覆盖FLAG_FULLSCREEN选项,并强制屏幕装饰(如状态条)弹出。
public static final int FLAG_FORCE_NOT_FULLSCREEN   =0x00000800;

抖动。指的是对半透明的显示方法。又称“点透”。图形处理较差的设备往往用“点透”替代Alpha混合。
public static final int FLAG_DITHER           = 0x00001000;

不允许屏幕截图。
public static final int FLAG_SECURE           = 0x00002000;

一种特殊模式,布局参数用于指示显示比例。
public static final int FLAG_SCALED           = 0x00004000;

当屏幕有可能贴着脸时,这一选项可防止面颊对屏幕造成误操作。
public static final int FLAG_IGNORE_CHEEK_PRESSES   = 0x00008000;

当请求布局时,你的窗口可能出现在状态栏的上面或下面,从而造成遮挡。当设置这一选项后,窗口管理器将确保窗口内容不会被装饰条(状态栏)盖住。
public static final int FLAG_LAYOUT_INSET_DECOR = 0x00010000;

反转FLAG_NOT_FOCUSABLE选项。
如果同时设置了FLAG_NOT_FOCUSABLE选项和本选项,窗口将能够与输入法交互,允许输入法窗口覆盖;
如果FLAG_NOT_FOCUSABLE没有设置而设置了本选项,窗口不能与输入法交互,可以覆盖输入法窗口。
public static final int FLAG_ALT_FOCUSABLE_IM = 0x00020000;

如果你设置了FLAG_NOT_TOUCH_MODAL,那么当触屏事件发生在窗口之外事,可以通过设置此标志接收到一个MotionEvent.ACTION_OUTSIDE事件。注意,你不会收到完整的down/move/up事件,只有第一次down事件时可以收到ACTION_OUTSIDE。
public static final int FLAG_WATCH_OUTSIDE_TOUCH = 0x00040000;

当屏幕锁定时,窗口可以被看到。这使得应用程序窗口优先于锁屏界面。可配合FLAG_KEEP_SCREEN_ON选项点亮屏幕并直接显示在锁屏界面之前。可使用FLAG_DISMISS_KEYGUARD选项直接解除非加锁的锁屏状态。此选项只用于最顶层的全屏幕窗口。
public static final int FLAG_SHOW_WHEN_LOCKED = 0x00080000;

请求系统墙纸显示在你的窗口后面。窗口必须是半透明的。
public static final int FLAG_SHOW_WALLPAPER = 0x00100000;

窗口一旦显示出来,系统将点亮屏幕,正如用户唤醒设备那样。
public static final int FLAG_TURN_SCREEN_ON = 0x00200000;

解除锁屏。只有锁屏界面不是加密的才能解锁。如果锁屏界面是加密的,那么用户解锁之后才能看到此窗口,除非设置了FLAG_SHOW_WHEN_LOCKED选项。
public static final int FLAG_DISMISS_KEYGUARD = 0x00400000;

锁屏界面淡出时,继续运行它的动画。
public static final int FLAG_KEEP_SURFACE_WHILE_ANIMATING =0x10000000;

以原始尺寸显示窗口。用于在兼容模式下运行程序。
public static final int FLAG_COMPATIBLE_WINDOW = 0x20000000;

用于系统对话框。设置此选项的窗口将无条件获得焦点。
public static final int FLAG_SYSTEM_ERROR = 0x40000000;


示例:预览图片的Dialog
在新浪微博和腾讯微博中,点击一个图片,都会用Dialog来显示这个图片的预览图
public class ImagePreviewDialog extends Dialog {
	private ImageView mImageView;
	private boolean mImageChanged;
	private Bitmap mImage;

	public ImagePreviewDialog(Context context) {
		super(context);
		Window win = getWindow();
		win.requestFeature(Window.FEATURE_NO_TITLE);
		WindowManager.LayoutParams wAttrs = win.getAttributes();
		win.setFlags(0, WindowManager.LayoutParams.FLAG_DIM_BEHIND);
		setCanceledOnTouchOutside(true);
	}
	
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		Context ctxt = getContext();
		mImageView = new ImageView(ctxt);
		mImageView.setLayoutParams(new LayoutParams(LayoutParams.FILL_PARENT, LayoutParams.FILL_PARENT));
		setContentView(mImageView);
	}
	
	@Override
	protected void onStart() {
		if (mImageChanged) {
			mImageView.setImageBitmap(mImage);
			mImageChanged = false;
		}
	}
	
	public void setImage(Bitmap bmp) {
		if (mImage == bmp) {
			return;
		}
		mImageChanged = true;
		mImage = bmp;
	}
}

// 在Activity中使用
@Override
public Dialog onCreateDialog(int id) {
	switch (id) {
	case DIALOG_PREVIEW_IMAGE:
		ImagePreviewDialog dialog = new ImagePreviewDialog(this);
		return dialog;
	}
	
	return super.onCreateDialog(id);
}

@Override
public void onPrepareDialog(int id, Dialog dialog) {
	switch (id) {
	case DIALOG_PREVIEW_IMAGE:
		ImagePreviewDialog imgDialog = (ImagePreviewDialog) dialog;
		imgDialog.setImage(/* 当前点击的图片传入 */);
		break;
	}
}




对Dialog的理解
Dialog的显示和dismiss实际上就是将dialog的DecorView从WindowManager添加和移除的过程
private final Runnable mDismissAction = new Runnable() {
	@Override
	public void run() {
		dismissDialog();
	}
};

@Override
public void dismiss() {
	// 不在ui线程上隐藏dialog的话
	if (Thread.currentThread() != mUiThread) {
		mHandler.post(mDismissAction);
	} else {
		mDismissAction.run();
	}
}

private void dismissDialog() {
	if (mDecor == null || !mShowing) {
		return;
	}

	try {
		// 将DecorVie从WindowManager隐藏
		mWindowManager.removeView(mDecor);
	} finally {
		mDecor = null;
		mWindow.closeAllPanels();
		onStop();
		mShowing = false;

		sendDismissMessage();
	}
}

// show方法还使用了lazy initial的方式。在真正显示时,才inflater布局(通过dispatchOnCreate方法)
public void show() {
	if (mShowing) {
		if (mDecor != null) {
			mDecor.setVisibility(View.VISIBLE);
		}
		return;
	}

	if (!mCreated) {
		dispatchOnCreate(null);
	}

	onStart();
	mDecor = mWindow.getDecorView();
	
	WindowManager.LayoutParams l = mWindow.getAttributes();
	if ((l.softInputMode & WindowManager.LayoutParams.SOFT_INPUT_IS_FORWARD_NAVIGATION) == 0) {
		WindowManager.LayoutParams nl = new WindowManager.LayoutParams();
		nl.copyFrom(l);
		nl.softInputMode |= WindowManager.LayoutParams.SOFT_INPUT_IS_FORWARD_NAVIGATION;
		l = nl;
	}

	try {
		// 将DecorView添加到WindowManager
		mWindowManager.addView(mDecor, l);
		mShowing = true;

		sendShowMessage();
	} finally {
	}
}

  • 大小: 59.8 KB
  • 大小: 18.4 KB
分享到:
评论
1 楼 down_data01 2012-08-11  

透彻

相关推荐

    Android自定义dialogDemo

    综上所述,`Android自定义dialogDemo`涵盖了从创建自定义布局、实例化Dialog、设置样式到添加交互逻辑等多个方面,是学习和实践Android Dialog定制的绝佳实例。开发者可以根据这个Demo,结合自己的需求,灵活地打造...

    各种自定义Dialog 以及Dialog加载动画

    因此,开发者常常需要根据应用的设计风格来定制自己的Dialog,以更好地与用户进行交互。 自定义Dialog主要包括以下几个方面: 1. **样式设计**:可以通过设置主题(Theme)改变Dialog的基本样式,如背景颜色、边框...

    jquery_dialog jquery_dialog jquery_dialog

    它基于jQuery框架,提供了丰富的功能和灵活的定制选项,使得开发者能够轻松地在网页上实现弹出式窗口、警告提示、确认对话框等交互效果。本文将对jQuery Dialog进行深入探讨,并结合实践应用,帮助读者掌握其核心...

    自定义圆角的dialog

    6. **其他自定义功能**:除了基本的样式定制,我们还可以根据需求添加如触摸外部关闭、设置透明度、动态调整大小等功能。 通过以上步骤,我们就成功地创建了一个具有圆角样式的自定义Dialog。自定义Dialog不仅可以...

    dialog动画进入退出的动画

    在本文中,我们将深入探讨如何实现Dialog的进入和退出动画,并讲解如何去除Dialog的标题,以提供更加定制化的用户体验。 首先,让我们讨论如何为Dialog添加进入和退出动画。在Android中,我们可以使用自定义动画XML...

    Android-随意变化的气泡布局Dialog根据点击View的位置定位它的位置Dialog可定制方向等

    随意变化的气泡布局,Dialog根据点击View的位置定位它的位置,Dialog可定制方向等!(Bubble layout changes freely,Dialog click on the location of View positioning its location,Dialog can be customized ...

    elementui更改el-dialog关闭按钮的图标d的示例代码

    在Element UI框架中,`el...通过这种方式,我们可以灵活地定制`el-dialog`以满足不同的设计需求。希望这个详细的解释对你在开发过程中有所帮助,如果你有更多关于Element UI或其他前端框架的问题,欢迎继续探索和提问。

    dialogstyle 去掉背景白色框

    默认情况下,Dialog会带有白色的背景边框,这可能会与应用的UI设计风格不一致,因此开发者有时需要去除这个边框以实现更加定制化的效果。本篇文章将详细介绍如何在Android中去除Dialog的白色边框,以实现"dialog...

    jquery ui中的dialog

    你可以传入一些选项来定制Dialog的行为,例如: ```javascript $("#dialog").dialog({ title: "我的对话框", width: 400, height: 300, modal: true, }); ``` 2. **Dialog选项** - `title`: 设置对话框的...

    YUI3 dialog组件

    - **可定制化(Customization)**:Dialog可以通过CSS自定义外观,也可以通过JavaScript添加自定义行为。 ### 4. 控制Dialog的行为 Dialog可以通过JavaScript方法进行控制,例如: - `show()`: 显示Dialog。 - `...

    Android Dialog全屏显示、动画显示

    在Android开发中,自定义Dialog是一种常见的用户交互方式,它能提供更为丰富的界面和功能,以满足特定场景下的需求。...在实际开发中,还可以根据需求进一步定制Dialog的功能和样式,比如添加底部操作栏、顶部标题等。

    swift-PopupDialog采用Swif编写的一个简单可定制的iOS弹出对话框.

    1. **高度可定制**:PopupDialog支持自定义背景颜色、透明度、边框宽度和颜色、阴影效果等。同时,它可以容纳自定义的视图,如UIImageView、UILabel、UIButton等,以适应各种复杂的需求。 2. **多种样式**:内置...

    Android自定义显示内容的Dialog

    在Android开发中,有时我们可能需要...Dialog提供了基本的对话框功能,而PopupWindow提供了更大的定制空间和灵活性。结合`PopAnim`中的动画效果,我们可以创造出既美观又实用的自定义对话框,提升应用程序的用户体验。

    Dialog2.zip

    本教程将深入探讨如何利用Android SDK中的Dialog类及其子类,结合自定义布局,创建功能强大且具有高度可定制性的Dialog。 首先,了解Dialog的基本用法。Dialog通常在需要打断用户当前操作但又不希望完全切换到新...

    Android Dialog设置透明背景以及位置

    要改变这些特性,我们需要进行一些定制。 1. **设置透明背景** - 创建自定义样式:在`res/values/styles.xml`文件中创建一个新的Dialog主题,比如`Theme.Translucent.Dialog`,并在其中设置`android:background="@...

    安卓Dialog对话框相关-androiddialog总结Dialog整理.rar

    在实际开发中,Dialog还可以有更复杂的定制,比如自定义布局、设置图标、添加中立按钮、改变按钮文字颜色等。同时,Dialog的显示和消失时机也很重要,一般用于提示用户、获取用户输入或确认操作。 总之,Android ...

    Android自定义Dialog 界面比较好看

    综上所述,创建一个美观的自定义Dialog涉及布局设计、DialogFragment的使用、按钮监听器的设置以及可能的样式和动画定制。通过以上步骤和适当调整,开发者可以构建出满足项目需求的个性化Dialog界面。如果需要查看...

    自定义Dialog 显示正在加载动画效果 progressDialog

    总之,自定义Dialog是Android开发中的一个重要技巧,它允许开发者根据项目需求定制交互体验。在这个例子中,我们学习了如何创建一个保持Activity亮度的加载Dialog,这有助于我们在等待后台任务完成时提供更好的用户...

    Eclipse SweetAlertDialog

    总的来说,Eclipse SweetAlertDialog是提升Android应用用户体验的一个实用工具,它通过丰富的定制选项和简洁的API,让开发者能够轻松地创建出美观且吸引人的对话框,同时保持代码的整洁和可维护性。在Eclipse环境中...

    安卓自定义Dialog带有进度条的效果的ProgressDialog

    2. **布局定制**:如果简单的样式调整不能满足需求,可以创建自定义的布局文件,然后在ProgressDialog中加载这个布局。通过`setContentView()`方法,可以将自定义的视图设置为ProgressDialog的内容。 3. **进度更新...

Global site tag (gtag.js) - Google Analytics