从PopupWindow的使用联想到的Android屏幕适配

多屏幕适配及PopupWindows

1.多屏幕适配的一些概念

谷歌Android官网对多屏幕适配术语和概念的介绍:

屏幕尺寸
按屏幕对角测量的实际物理尺寸。
为简便起见,Android 将所有实际屏幕尺寸分组为四种通用尺寸:小、 正常、大和超大。

屏幕密度(dpi)
屏幕物理区域中的像素量;通常称为 dpi(每英寸点数)。例如, 与“正常”或“高”密度屏幕相比,“低”密度屏幕在给定物理区域的像素较少。
为简便起见,Android 将所有屏幕密度分组为六种通用密度: 低、中、高、超高、超超高和超超超高。

分辨率
屏幕上物理像素的总数。添加对多种屏幕的支持时, 应用不会直接使用分辨率;而只应关注通用尺寸和密度组指定的屏幕 尺寸及密度。

密度无关像素 (dp)
密度无关像素等于 160 dpi 屏幕上的一个物理像素,这是 系统为“中”密度屏幕假设的基线密度。在运行时,系统 根据使用中屏幕的实际密度按需要以透明方式处理 dp 单位的任何缩放 。dp 单位转换为屏幕像素很简单: px = dp * (dpi / 160)。 例如,在 240 dpi 屏幕上,1 dp 等于 1.5 物理像素。在定义应用的 UI 时应始终使用 dp 单位 ,以确保在不同密度的屏幕上正常显示 UI。

另:
sp
sp 全称是 Scale-independent Pixels,用于字体大小,其概念与DP是一致的,也是为了保持设备无关。

2.如何对多屏幕进行适配?

总的说,因为android的设备屏幕尺寸,分辨率各不相同,

所以我们要在不同屏幕上正常显示资源的时候,必须保证以下四点原则:

  1. 在 XML 布局文件中指定尺寸时使用 wrap_contentmatch_parentdp 单位 。
  2. 不要在应用代码中使用硬编码的像素值
  3. 不要使用 AbsoluteLayout(已弃用)
  4. 为不同屏幕密度提供替代位图可绘制对象

下文将提供更详细的信息。
(via :https://developer.android.com/guide/practices/screens_support.html?hl=zh-cn

2.1 对布局尺寸使用 wrap_content、match_parent 或 dp 单位

为 XML 布局文件中的视图定义 android:layout_widthandroid:layout_height 时,使用 "wrap_content""match_parent"dp 单位可确保在当前设备屏幕上为 视图提供适当的尺寸。

例如,layout_width="100dp" 的视图在 中密度屏幕上测出宽度为 100 像素,在高密度屏幕上系统会将其扩展至 150 像素宽, 因此视图在屏幕上占用的物理空间大约相同。

类似地,您应选择 sp(缩放独立的像素)来定义文本 大小。sp 缩放系数取决于用户设置,系统 会像处理 dp 一样缩放大小。

2.2 不要在应用代码中使用硬编码的像素值

由于性能的原因和简化代码的需要,Android 系统使用像素作为 表示尺寸或坐标值的标准单位。这意味着, 视图的尺寸在代码中始终以像素表示,但始终基于当前的屏幕密度。 例如,如果 myView.getWidth() 返回 10,则表示视图在 当前屏幕上为 10 像素宽,但在更高密度的屏幕上,返回的值可能是 15。如果 在应用代码中使用像素值来处理预先未针对 当前屏幕密度缩放的位图,您可能需要缩放代码中使用的像素值,以与 未缩放的位图来源匹配。

如果应用在运行时操作位图或处理像素值,请参阅 下面有关其他密度注意事项的一节。

2.3 不要使用 AbsoluteLayout

与其他布局小工具不同,AbsoluteLayout 会强制 使用固定位置放置其子视图,很容易导致 在不同显示屏上显示效果不好的用户界面。因此,AbsoluteLayout 在 Android 1.5(API 级别 3)上便已弃用。

您应改用 RelativeLayout,它会使用相对定位 来放置其子视图。例如,您可以指定按钮小部件显示在文本小工具的“右边”。

2.4 使用尺寸和密度特定资源

虽然系统会根据当前屏幕 配置扩展布局,但您在不同的屏幕尺寸上可能要调整 UI,以及提供 针对不同密度优化的可绘制对象。这基本上是重申 本文档前面的信息。

如果需要精确控制应用在不同 屏幕配置上的外观,请在配置特定的 资源目录中调整您的布局和位图可绘制对象。例如,考虑要显示在 中密度和高密度屏幕上的图标。只需创建两种不同大小的图标 (例如中密度使用 100x100,高密度使用 150x150),然后使用适当的限定符 以适当的方向放置两个 变体:

res/drawable-mdpi/icon.png   //for medium-density screens
res/drawable-hdpi/icon.png   //for high-density screens

注:如果密度限定符在目录名称中未定义, 系统会假设该目录中的资源是针对基线中 密度而设计,对于其他密度将会适当地缩放。

3.多屏幕适配在PopupWindow中的一些应用场景

下面举一个PopupWindow 的简单的用法:

// 加载layout_a ,使其成为一个view对象
View view = LayoutInflater.from(this).inflate(R.layout.layout_a, null);
        PopupWindow popupwindow = new PopupWindow(view, ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT, true);
        popupwindow.setTouchable(true);
        popupwindow.setTouchInterceptor(new View.OnTouchListener() {
            @Override
            public boolean onTouch(View v, MotionEvent event) {
                return false;
                // 这里如果返回true的话,touch事件将被拦截
            }
        });
        popupwindow.setBackgroundDrawable(new ColorDrawable(0x00000000));
        // 设置显示位置,设为btn_b正左下方,无偏移。  
        popupwindow.showAsDropDown(btn_b);

PopupWindow 一共有四个显示函数:

// 相对某个控件的位置(正左下方),无偏移
1. showAsDropDown(View anchor):  
// 相对某个控件的位置,有偏移;
// xoff表示x轴的偏移;
// yoff表示相对y轴的偏移;
2.showAsDropDown(View anchor, int xoff, int yoff):  
//  API19之后添加的函数,不常用。Displays the content view in a popup window anchored to the corner of another view. The window is positioned according to the specified gravity and offset by the specified x and y coordinates.
3.showAsDropDown(View anchor, int xoff, int yoff, int gravity)
//显示到父控件parent指定的位置,并附带偏移量(例如正中央Gravity.CENTER,下方Gravity.BOTTOM等)
4. showAtLocation(View parent, int gravity, int x, int y):

上面显示函数的偏移量单位都是pixels,其坐标系参考View的坐标系而不是数学中的坐标系。

View的坐标都是相对于父控件而言的。

来自@gcssloop的图:

如果这时候,我们有一个新的需求,需要把PopupWindow 显示到某个控件的上方,

这时候只需要将y轴的偏移量改为负数,同时输入一个固定的dp,

根据dpi把dp转换成px(pixels),就完成了多屏幕的PopupWindow 适配。

转换代码如下:

/**
 * dp转px
 * @param context
 * @param dpVal
 * @return
 */
public static int dp2px(Context context, float dpVal)
{
    return (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP,
            dpVal, context.getResources().getDisplayMetrics());
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 216,744评论 6 502
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,505评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 163,105评论 0 353
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,242评论 1 292
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,269评论 6 389
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,215评论 1 299
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,096评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,939评论 0 274
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,354评论 1 311
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,573评论 2 333
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,745评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,448评论 5 344
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,048评论 3 327
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,683评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,838评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,776评论 2 369
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,652评论 2 354