ShareDialogDemo【分享对话框】

版权声明：本文为HaiyuKing原创文章，转载请注明出处！

前言

整理项目中经常用到的分享对话框的实现。

这里只是一个分享对话框，不涉及分享功能的实现。

效果图

代码分析

ShareDialog.java：分享对话框，继承DialogFragment【按常理来讲，应该继承BottomSheetDialog，但是考虑到可能需要请求接口获取分享缩略图，所以继承DialogFragment】

使用步骤

一、项目组织结构图

注意事项：

1、  导入类文件后需要change包名以及重新import R文件路径

2、  Values目录下的文件（strings.xml、dimens.xml、colors.xml等），如果项目中存在，则复制里面的内容，不要整个覆盖

二、导入步骤

1、将ShareDialog.java文件复制到项目中

package com.why.project.sharedialogdemo.dialog;

import android.content.Context;
import android.graphics.drawable.ColorDrawable;
import android.os.Bundle;
import android.support.v4.app.DialogFragment;
import android.util.DisplayMetrics;
import android.util.Log;
import android.view.Gravity;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.view.Window;
import android.widget.TextView;

import com.why.project.sharedialogdemo.R;


/**
 * Used 分享底部对话框【按常理来讲，应该extends BottomSheetDialog】
 * 但是，因为这个分享对话框有可能需要请求接口，所以最终还是继承DialogFragment
 */

public class ShareDialog extends DialogFragment {
    private static final String TAG = ShareDialog.class.getSimpleName();

    /**View实例*/
    private View myView;
    /**context实例*/
    private Context mContext;
    /**标记：用来代表是从哪个界面打开的这个对话框*/
    private String mTag;

    /**QQ分享*/
    private TextView shareQQ;
    /**QQ空间分享*/
    private TextView shareQZone;
    /**微信分享*/
    private TextView shareWX;
    /**朋友圈分享*/
    private TextView shareWXCircle;
    /**新浪微博分享*/
    private TextView shareSina;

    public static ShareDialog getInstance(Context mContext, Bundle bundle)
    {
        ShareDialog shareDialog = new ShareDialog();
        shareDialog.mContext = mContext;

        return shareDialog;
    }

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        getDialog().getWindow().setBackgroundDrawable(new ColorDrawable(0));//设置背景为透明，并且没有标题
        getDialog().requestWindowFeature(Window.FEATURE_NO_TITLE);// 去掉标题栏，否则点击正上方一定高度的范围内不会消失
        myView = inflater.inflate(R.layout.dialog_share, container, false);
        return myView;
    }

    @Override
    public void onActivityCreated(Bundle savedInstanceState) {
        // TODO Auto-generated method stub
        super.onActivityCreated(savedInstanceState);
        //初始化控件以及设置
        initView();
        //初始化数据
        initDatas();
        //初始化事件
        initEvents();
    }

    /**
     * 设置宽度和高度值，以及打开的动画效果
     */
    @Override
    public void onStart() {
        super.onStart();
        //设置对话框的宽高，必须在onStart中
        DisplayMetrics metrics = new DisplayMetrics();
        this.getActivity().getWindowManager().getDefaultDisplay().getMetrics(metrics);
        Window window = this.getDialog().getWindow();
        window.setLayout(metrics.widthPixels, this.getDialog().getWindow().getAttributes().height);
        window.setGravity(Gravity.BOTTOM);//设置在底部
        //打开的动画效果
        //设置dialog的 进出 动画
        getDialog().getWindow().setWindowAnimations(R.style.sharebottomsheetdialog_animation);
    }

    /**实例化控件*/
    private void initView() {
        shareQQ = (TextView) myView.findViewById(R.id.share_qq);
        shareQZone = (TextView) myView.findViewById(R.id.share_qzone);
        shareWX = (TextView) myView.findViewById(R.id.share_weixin);
        shareWXCircle = (TextView) myView.findViewById(R.id.share_wxcircle);
        shareSina = (TextView) myView.findViewById(R.id.share_sina);
    }

    /**
     * 初始化数据：tag标记、标题
     */
    private void initDatas() {
        mTag = this.getTag();
        Log.e(TAG, "mTag=" + mTag);
    }

    /**
     * 初始化监听事件
     */
    private void initEvents() {

        //QQ分享
        shareQQ.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                dismiss();
                if(mOnShareClickLitener != null){
                    mOnShareClickLitener.onShareToQQ();
                }
            }
        });

        //QQ空间分享
        shareQZone.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                dismiss();
                if(mOnShareClickLitener != null){
                    mOnShareClickLitener.onShareToQZone();
                }
            }
        });

        //微信分享
        shareWX.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                dismiss();
                if(mOnShareClickLitener != null){
                    mOnShareClickLitener.onShareToWX();
                }
            }
        });

        //朋友圈分享
        shareWXCircle.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                dismiss();
                if(mOnShareClickLitener != null){
                    mOnShareClickLitener.onShareToWXCircle();
                }
            }
        });

        //新浪微博分享
        shareSina.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                dismiss();
                if(mOnShareClickLitener != null){
                    mOnShareClickLitener.onShareToSina();
                }
            }
        });
    }

    /*=====================添加OnShareClickLitener回调================================*/
    public interface OnShareClickLitener
    {
        void onShareToQQ();
        void onShareToQZone();
        void onShareToWX();
        void onShareToWXCircle();
        void onShareToSina();
    }

    private OnShareClickLitener mOnShareClickLitener;

    public void setOnShareClickLitener(OnShareClickLitener mOnShareClickLitener)
    {
        this.mOnShareClickLitener = mOnShareClickLitener;
    }
}

2、将sharebottomsheetdialog_bottom_in.xml、sharebottomsheetdialog_bottom_out.xml复制到项目中

3、将图片资源复制到项目中

4、将dialog_share.xml复制到项目中

<?xml version="1.0" encoding="utf-8"?>
<!-- 分享对话框布局文件 -->
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/share_root"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="#EFEFF4"
    >

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="15dp"
        android:layout_marginBottom="15dp"
        android:orientation="horizontal" >

        <!-- QQ分享 -->
        <TextView
            android:id="@+id/share_qq"
            android:layout_width="0.0dp"
            android:layout_weight="1"
            android:layout_height="wrap_content"
            android:adjustViewBounds="true"
            android:drawableTop="@drawable/share_logo_qq"
            android:drawablePadding="5dp"
            android:text="@string/share_qq"
            android:textSize="14sp"
            android:gravity="center" />

        <!-- QQ空间分享 -->
        <TextView
            android:id="@+id/share_qzone"
            android:layout_width="0.0dp"
            android:layout_weight="1"
            android:layout_height="wrap_content"
            android:adjustViewBounds="true"
            android:drawableTop="@drawable/share_logo_qq_friend"
            android:drawablePadding="5dp"
            android:text="@string/share_qzone"
            android:textSize="14sp"
            android:gravity="center" />

        <!-- 微信分享 -->
        <TextView
            android:id="@+id/share_weixin"
            android:layout_width="0.0dp"
            android:layout_weight="1"
            android:layout_height="wrap_content"
            android:adjustViewBounds="true"
            android:drawableTop="@drawable/share_logo_weixin"
            android:drawablePadding="5dp"
            android:text="@string/share_wx"
            android:textSize="14sp"
            android:gravity="center" />

        <!-- 朋友圈分享 -->
        <TextView
            android:id="@+id/share_wxcircle"
            android:layout_width="0.0dp"
            android:layout_weight="1"
            android:layout_height="wrap_content"
            android:adjustViewBounds="true"
            android:drawableTop="@drawable/share_logo_weixin_friend"
            android:drawablePadding="5dp"
            android:text="@string/share_wx_circle"
            android:textSize="14sp"
            android:gravity="center" />

        <!-- 新浪微博分享 -->
        <TextView
            android:id="@+id/share_sina"
            android:layout_width="0.0dp"
            android:layout_weight="1"
            android:layout_height="wrap_content"
            android:adjustViewBounds="true"
            android:drawableTop="@drawable/share_logo_sina"
            android:drawablePadding="5dp"
            android:text="@string/share_sina"
            android:textSize="14sp"
            android:gravity="center" />

    </LinearLayout>
</RelativeLayout>

5、 在strings.xml中添加以下代码

<resources>
    <string name="app_name">ShareDialogDemo</string>

    <!-- 分享对话框 -->
    <string name="share_qq">QQ</string>
    <string name="share_qzone">QQ空间</string>
    <string name="share_wx">微信</string>
    <string name="share_wx_circle">朋友圈</string>
    <string name="share_sina">新浪</string>
</resources>

6、在styles.xml文件中添加以下代码

<resources>

    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
        <!-- Customize your theme here. -->
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>
    </style>

    <!-- 分享对话框动画 -->
    <style name="sharebottomsheetdialog_animation">
        <item name="android:windowEnterAnimation">@anim/sharebottomsheetdialog_bottom_in</item>
        <item name="android:windowExitAnimation">@anim/sharebottomsheetdialog_bottom_out</item>
    </style>

</resources>

至此，ShareDialog就集成到项目中了。

三、使用方法

package com.why.project.sharedialogdemo;

import android.content.Context;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.Toast;

import com.why.project.sharedialogdemo.dialog.ShareDialog;

public class MainActivity extends AppCompatActivity {

    private Context mContext;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        mContext = this;

        findViewById(R.id.btn_open).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                //显示分享底部区域
                Bundle bundle = new Bundle();
                ShareDialog shareDialog = ShareDialog.getInstance(mContext,bundle);
                shareDialog.setOnShareClickLitener(new ShareDialog.OnShareClickLitener() {
                    @Override
                    public void onShareToQQ() {
                        openShare("QQ");
                    }
                    @Override
                    public void onShareToQZone() {
                        openShare("QZone");
                    }
                    @Override
                    public void onShareToWX() {
                        openShare("WX");
                    }
                    @Override
                    public void onShareToWXCircle() {
                        openShare("WXCircle");
                    }
                    @Override
                    public void onShareToSina() {
                        openShare("Sina");
                    }
                });
                shareDialog.show(getSupportFragmentManager(), "Share");
            }
        });
    }

    //在这里可以配合友盟分享，通过switch语句，根据type判断平台。执行分享代码
    private void openShare(String type){
        Toast.makeText(mContext, type, Toast.LENGTH_SHORT).show();
    }
}

混淆配置

无

参考资料

暂时空缺

项目demo下载地址

https://github.com/haiyuKing/ShareDialogDemo