小窗口的实现及填坑之路

作者: 墨染书 | 来源:发表于2017-10-20 21:40 被阅读0次

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

    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.haomeiwen.com/subject/siipuxtx.html