小窗口的实现及填坑之路

一共我认为有四种方法,让我们来一一实现,当然这里面有很多是自己测试过的解决方案以及一些猜测,如有错误敬请斧正。

  1. 将一个Activity设置成窗口样式
  2. Dialog式弹窗
  3. Window式小窗口
  4. 自定义View

但是具体使用哪种,我觉得还是觉得具体问题具体分析较好,但是使用 theme 来指定主题的方式还是比较好的,因为方便添加动画。

将一个Activity设置成窗口样式(伪弹窗)

思路特别简单,就是将 Activity 的 theme 设置成 Dialog ,或者是 Dialog 的子类,甚至你可以模仿 Dialog 自定义一个满足需求的theme

step1. 将要设置成 Dialog 的 Activity:

public class MyDialog extends Activity {

 }

step2. 在 Drawable 里面新建 my_dialog.xml,用来画出 dialog 的 background 样式,当然这个不是必须的,可以直接将step3中的 background 设置成所需颜色

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<solid android:color="#ffffff" />
<!--圆角-->
<corners android:radius="3dp" />
<!--整个框的大小-->
<size android:height="300dp"
    android:width="200dp"/>
</shape>

step3.在 styles 里面添加自己的窗口主题

    <style name="Theme.MyDialog" parent="android:style/Theme.Dialog">
    <item name="android:windowBackground">@drawable/my_dialog</item>
</style>

step4.在 Manifiest 设置主题

  <activity android:name=".MyDialog"
        android:theme="@style/Theme.MyDialog" />

填坑笔记:

  1. 报错 :You need to use a Theme.AppCompat theme (or descendant) with this activity.
    解决方案:
    1). 从错误提示中提到Theme.AppCompat theme,这是因为我们的activity一定是继承了兼容包中的类,比如我这里就无意中继承了ActionBarActivity,它来自android.support.v7.app.ActionBarActivity。
    所以就要使用与其配合的AppCompat的theme才行。
    2). 直接继承Activity

注:最大高宽 == styles中的maxHeight,maxWidth
最小size == drawable中的size

  1. 设置大小后当在 Activity 的 layout 里面填充布局的时候,当 最大宽度(默认) > 所需宽度 > 设置高度 时,会以所需宽度为准,即我们在 drawable 里面设置的是最小size。但是默认的最大值也是距离屏幕边界有一定距离的,如下图一。当然,据笔者亲测,如果不在drawable里面设置size或者padding,那么最小值也是默认的了(0)。

解决方案:在 styles 里的自定义 theme里面添加 如下参数:

    <item name="android:maxHeight">300dp</item>
    <item name="android:maxWidth">200dp</item> 
  1. 视图内容不能被完全填充
    据笔者亲测,这是由于 drawable 里面设置的 size 参数 > 在 styles 里面的定义的max值。上一个坑里说过 drawable 里面设置的是窗口的最小大小,styles里面设置的最大值,系统会自动展示两者中较大的值用作 size ,但是可布局的屏幕大小依然是在 theme 里值。

解决方案:两个中最好只保留一个,如果两个都一定要保留,一定要最小size > 最大高宽。

运行结果如图:

《小窗口的实现及填坑之路》 没设置最大高宽,所需宽度 > 默认最大宽度 > 最小size

《小窗口的实现及填坑之路》 没设置最大高宽,默认最大宽度 > 最小size > 所需宽度

《小窗口的实现及填坑之路》 设置了最大高宽,所需宽度 > 最大高宽 == 最小size

《小窗口的实现及填坑之路》 设置了最大高宽,所需宽度 > 最小size > 最大高宽

当然点击其他地方,默认销毁 Activity,没有动画,我觉得这种设置 theme 的实现方式是比较好的,因为方便添加动画。

学习到这里的时候我就在想,既然 Activity 可以实现,那么 Fragment 是不是也可以实现呢?嗯…我认为是可以的。具体我没去实现,但是有几个点需要注意:
1.为fragment设置theme
2.如何在容器 activity 里面布局,是不是需要设置visibility
笔者认为fragment都可以视为一种View,如果有兴趣可以参考一下Dialog的实现

同时不知道读者想到没,用这个思路可以实现蒙版引导效果

Dialog式弹窗

实现思路:继承Dialog并设定 theme 和 layout

step1. 在 styles 里面添加自己的窗口主题,这里我就简化的写,就是上面的theme

<style name="Theme.MyDialog" parent="android:style/Theme.Dialog">
    <item name="android:windowBackground">@drawable/my_dialog</item>
    <item name="android:maxHeight">500dp</item>
    <item name="android:maxWidth">200dp</item>
</style>

step2.新建一个java文件,继承 Dialog

public class MyDialog extends Dialog{

    Context mContext;
    int mLayout;

    public MyDialog(@NonNull Context context) {
        super(context);
        this.mContext = context;
    }

    public MyDialog(@NonNull Context context, @StyleRes int themeResId) {
        super(context, themeResId);
    }

//    提高扩展性
    public MyDialog(@NonNull Context context, @StyleRes int themeResId, @LayoutRes int mLayout) {
        super(context, themeResId);
        this.mLayout = mLayout;
    }

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(mLayout);
    }
}

step3.在容器Activity里面启动

// 第一个参数为 Theme,最后后一个参数为 layout
final MyDialog dialog = new MyDialog(MainActivity.this, R.style.Theme_MyDialog, R.layout.layout_dialog);
dialog.show();

运行截图:

《小窗口的实现及填坑之路》

点击其他地方,默认返回

Window式小窗口

这个我并没有去实现,具体使用可以参看《Android开发艺术探索》Window一章。后期我会完善这一部分,但是使用WindowManager可以显示在其他应用最上层,甚至手机桌面最上层显示窗口。在销毁的时候,会有明显的迟钝,这个坑我还没有填上,在源码上还在卡着,所以这一部分我就不做了。当然,网上相关的实现也有不少。

    原文作者:墨染书
    原文地址: https://www.jianshu.com/p/37a4e25a02cb
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞