分享用Activity的做Dialog样式

Dialog是我们项目中经常会用到的工具,实现它的方式也多种多样,有时为了需要我们会把Activity展示成Dialog,今天就讲一下如何用Activity写Dialog.

主要有以下几点:

• AndroidManifest设置activity的主题
• activity布局的设置
• activity.class的设置

AndroidManifest设置activity的主题

android:theme=”@style/MyDialogStyle”

<style name="MyDialogStyle" parent="Theme.AppCompat.NoActionBar">
        <!-- 去黑边 -->
        <item name="android:windowFrame">@null</item>
        <!-- 设置是否可滑动 -->
        <item name="android:windowIsFloating">true</item>
        <!-- 设置是否透明 -->
        <item name="android:windowIsTranslucent">false</item>
        <item name="android:windowDisablePreview">true</item>
        <!-- 无标题 -->
        <item name="android:windowNoTitle">true</item>
        <!-- 背景 -->
        <item name="android:background">@null</item>
        <!-- 窗口背景 -->
        <item name="android:windowBackground">@color/line_black_tran_50</item>
        <!-- 是否变暗 -->
        <item name="android:backgroundDimEnabled">true</item>
        <!-- 点击空白部分activity不消失 -->
        <item name="android:windowCloseOnTouchOutside">false</item>
        <!--dialog出现和消失的动画-->
        <item name="android:windowAnimationStyle">@style/AnimSlideBottom</item>
    </style>

activity布局的设置

我们分享的需求就是展示, 没有就隐藏,只做了微博,微信,朋友圈,QQ分享.

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/ll_share_parent"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_gravity="bottom"
    android:fitsSystemWindows="true"
    android:orientation="vertical">

    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:paddingBottom="20dp"
        android:paddingLeft="20dp"
        android:paddingRight="20dp"
        android:paddingTop="24dp">

        <LinearLayout
            android:id="@+id/ll_share_top"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal">

            <TextView
                android:id="@+id/share_weibo"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:drawablePadding="8dp"
                android:drawableTop="@mipmap/share_weibo"
                android:gravity="center"
                android:text="新浪微博"
                android:textColor="#999999"
                android:textSize="12sp" />

            <TextView
                android:id="@+id/share_weichat"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:drawablePadding="8dp"
                android:drawableTop="@mipmap/share_weichat"
                android:gravity="center"
                android:text="微信"
                android:textColor="#999999"
                android:textSize="12sp" />

            <TextView
                android:id="@+id/share_friends"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:drawablePadding="8dp"
                android:drawableTop="@mipmap/share_friends"
                android:gravity="center"
                android:text="朋友圈"
                android:textColor="#999999"
                android:textSize="12sp" />

            <TextView
                android:id="@+id/share_qq"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:drawablePadding="8dp"
                android:drawableTop="@mipmap/share_qq"
                android:gravity="center"
                android:text="QQ"
                android:textColor="#999999"
                android:textSize="12sp" />

        </LinearLayout>

        <TextView
            android:id="@+id/tv_no_share"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:gravity="center"
            android:text="@string/share_no"
            android:textColor="#626262"
            android:textSize="12dp"
            android:visibility="gone" />

    </FrameLayout>

    <View
        android:id="@+id/view_line"
        android:layout_width="match_parent"
        android:layout_height="0.5dp"
        android:background="#e8e8e8" />

    <Button
        android:id="@+id/share_cancel"
        android:layout_width="match_parent"
        android:layout_height="54dp"
        android:background="@color/transparent"
        android:gravity="center"
        android:text="取消"
        android:textColor="#999999"
        android:textSize="16sp" />

    <View
        android:id="@+id/view_virtualHeight"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:background="#ff4800" />
</LinearLayout>

等会我再说为什么添加一个View->”view_virtualHeight”.

activity.class的设置

当点击这个页面时dialog就消失

@Override public boolean onTouchEvent(MotionEvent event) {
        this.finish();
        return super.onTouchEvent(event);
    }

现在全面屏比较流行,但是此时虚拟按键会遮盖一部分布局,所以在activity初始化的时候判断是否有虚拟按键,根据测量的虚拟按键的高度设置View->”view_virtualHeight”.这样,虚拟按键就遮盖的是view_virtualHeight,就相当于给虚拟按键添加了一个背景色.

// 设置分享弹窗位置和宽高以及显示隐藏动画
        getWindow().setLayout(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT);
        getWindow().setGravity(Gravity.BOTTOM);
        // 虚拟按键显示隐藏更改布局距离底部距离
        getWindow().getDecorView().getViewTreeObserver().addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {

            @Override public void onGlobalLayout() {
                int height = virtualHeight;
                virtualHeight = CommonUtils.getVirtualKeyboardHeight(ShareWbActivity.this);
                if (height == virtualHeight) return;
                LinearLayout.LayoutParams params = (LinearLayout.LayoutParams) mShareViewVirtualHeight.getLayoutParams();
                params.height = virtualHeight;
                mShareViewVirtualHeight.setLayoutParams(params);
            }
        });

为什么添加一个View呢?其实开始并没有添加,而是设置整个跟布局的padding,但是这样有的手机的虚拟按键可能会变浅,所以就使用这种方式添加了一个背景色.

为了保证再次分享之后dialog消失

@Override protected void onResume() {
        super.onResume();
        if (isFirst) isFirst = false;
        else this.finish();
    }

虽然在xml中设置了动画,进来动画是指定的,但是出去的时候有的手机还是默认的那种,需要在finish()方法中添加如下设置就可以了.

@Override
    public void finish() {
        super.finish();
        //注销掉activity本身的过渡动画
        overridePendingTransition(0,0);
    }

如果想知道分享的具体问题,可以看这篇博客.Android微博,微信,QQ分享功能的实现
欢迎讨论.