android使用ShareSdk分享自定义布局问题全解

android ShareSdk分享自定义布局

说到Android的分享，大家都知道ShareSdk快捷分享很方便，但是页面往往满足不了我们的产品，所以我们大多数的时候需要自己定义分享的布局，经过我近两天的研究，终于把自定义布局搞得差不多了，下面给大家说一下。

总体来说我们修改sdk的布局就用到了两个Adapter类，PlatformPageAdapter和PlatformPageAdapterPort，也就是基础的Adapter和竖屏时的Adapter，这两个类在哪呢？

1、下载sharesdk解压后的文件夹，有一个快捷分享的jar文件，双击之后选择我们需要的分享平台，点击确定后就会在所在文件夹生成一个Sample文件夹。

2、之后按照图下所示的路径就可以找到两个Adapter文件，land和port文件夹分别是我们横屏和竖屏情况下分享界面的布局及Adapter，分别继承自PlatformPage和PlatformPageAdapter

3、下面进行修改，首先sdk默认的布局是这样的，默认有4列，从左到右排列，当我们分享平台的个数>=4时，图标正常排列，但是当我们只需要两个或三个平台时，使用默认的显示就会很尴尬。

很显然，当我们的分享平台是2个时，我们希望显示成下面的效果

所以我们就要对其列数进行修改，很简单，修改一个参数就可以，找到port文件夹下的PlatformPageAdapterPort，其中的参数LINE_SIZE_P，就是我们分享时希望显示的列数，默认为4，把他改成我们需要的列数，重新运行，就会显示上图的效果。

上面所说的是修改列数，那当我们的布局需要改变时，应该在哪改呢，比如我要实现下图的布局

首先分享面板的背景发生了改变，变成圆角的了，而且左右两边距离屏幕有些距离，还增加了取消按钮，首先找到分享面板页面也就是PlatformPage.java，这就是弹出分享页面的布局，通过观察我们发现，他的布局是从上到下堆起来的，最后通过llPanel.addView(view, param)方法添加到面板中，那取消按钮我们就可以加了，直接在oncreate()方法的最后添加取消按钮，如下代码，最后标注//取消按钮的代码就是添加的取消按钮。
同样，我们要修改图标所在的布局文件背景为圆角，就要修改oncreate()方法中的MobViewPager，首先将他的布局左右设置两个margin，然后要设置内部的背景为圆角，就要修改其Adapter文件即PlatformPageAdapter，找到createPanel()方法，将llPanel的背景改成圆角布局，并且要为llLine两边设置margin，否则不生效。

PlatformPage.java中的oncreate()方法

public void onCreate() {
        activity.getWindow().setBackgroundDrawable(new ColorDrawable(0x4c000000));
        initAnims();

        LinearLayout llPage = new LinearLayout(activity);
        llPage.setOrientation(LinearLayout.VERTICAL);
        activity.setContentView(llPage);

        TextView vTop = new TextView(activity);
        LinearLayout.LayoutParams lp = new LinearLayout.LayoutParams(
                LayoutParams.MATCH_PARENT, LayoutParams.WRAP_CONTENT);
        lp.weight = 1;
        vTop.setOnClickListener(new OnClickListener() {
            public void onClick(View v) {
                finish();
            }
        });
        llPage.addView(vTop, lp);

        llPanel = new LinearLayout(activity);
        llPanel.setOrientation(LinearLayout.VERTICAL);
        lp = new LinearLayout.LayoutParams(
                LayoutParams.MATCH_PARENT, LayoutParams.WRAP_CONTENT);
        llPanel.setAnimation(animShow);
        llPage.addView(llPanel, lp);

        MobViewPager mvp = new MobViewPager(activity);
        ArrayList<Object> cells = collectCells();
        PlatformPageAdapter adapter = newAdapter(cells);
        lp = new LinearLayout.LayoutParams(LayoutParams.MATCH_PARENT, adapter.getPanelHeight());
        lp.leftMargin = ScreenUtils.px2dp(activity,60);
        lp.rightMargin = ScreenUtils.px2dp(activity,60);
        llPanel.addView(mvp, lp);

        IndicatorView vInd = new IndicatorView(activity);
        lp = new LinearLayout.LayoutParams(LayoutParams.MATCH_PARENT, adapter.getBottomHeight());
        llPanel.addView(vInd, lp);

        vInd.setScreenCount(adapter.getCount());
        vInd.onScreenChange(0, 0);
        adapter.setIndicator(vInd);
        mvp.setAdapter(adapter);

        //取消按钮//
        lp = new LinearLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT,ViewGroup.LayoutParams.MATCH_PARENT);
        lp.leftMargin = ScreenUtils.px2dp(activity,60);
        lp.rightMargin = ScreenUtils.px2dp(activity,60);
        lp.topMargin = ScreenUtils.px2dp(activity,60);
        lp.bottomMargin = ScreenUtils.px2dp(activity,60);
        lp.gravity = Gravity.CENTER;
        Button btnCancel = new Button(activity);
        btnCancel.setText("取消");
        btnCancel.setTextSize(16);
        btnCancel.setTextColor(Color.parseColor("#539ef2"));
        btnCancel.setBackgroundResource(cn.com.xizhi.linktown.c.R.drawable.shape_share_bg);
        btnCancel.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                // TODO Auto-generated method stub
                finish();
            }
        });
        llPanel.addView(btnCancel,lp);
    }

PlatformPageAdapter中的createPanel()方法

private View createPanel(Context context) {
        LinearLayout llPanel = new LinearLayout(context);
        llPanel.setOrientation(LinearLayout.VERTICAL);
        llPanel.setBackgroundResource(cn.com.xizhi.linktown.c.R.drawable.shape_share_bg);

        int lineCount = panelHeight / cellHeight;
        LinearLayout[] llCells = new LinearLayout[lineCount * lineSize];
        llPanel.setTag(llCells);
        int cellBack = R.getBitmapRes(context, "ssdk_oks_classic_platform_cell_back");
        LinearLayout.LayoutParams lp;
        for (int i = 0; i < lineCount; i++) {
            LinearLayout llLine = new LinearLayout(context);

            lp = new LinearLayout.LayoutParams(LayoutParams.MATCH_PARENT, cellHeight);
            lp.leftMargin = ScreenUtils.px2dp(context,100);
            lp.rightMargin = ScreenUtils.px2dp(context,100);
            llPanel.addView(llLine, lp);

            for (int j = 0; j < lineSize; j++) {
                llCells[i * lineSize + j] = new LinearLayout(context);
                llCells[i * lineSize + j].setOrientation(LinearLayout.VERTICAL);
                llCells[i * lineSize + j].setBackgroundResource(cn.com.xizhi.linktown.c.R.drawable.shape_share_bg);
                lp = new LinearLayout.LayoutParams(LayoutParams.MATCH_PARENT, cellHeight);
                lp.weight = 1;
                llLine.addView(llCells[i * lineSize + j], lp);

                if (j < lineSize - 1) {
                    View vSep = new View(context);
                    lp = new LinearLayout.LayoutParams(sepLineWidth, LayoutParams.MATCH_PARENT);
                    vSep.setBackgroundColor(0xfff2f2f2);
                    llLine.addView(vSep, lp);
                }
            }

            View vSep = new View(context);
            lp = new LinearLayout.LayoutParams(LayoutParams.MATCH_PARENT, sepLineWidth);

            llPanel.addView(vSep, lp);
        }

圆角布局文件

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">

    <!-- 矩形的圆角半径 -->
    <corners android:radius="12dp" />
    <solid android:color="@color/white" />

</shape>

最后，运行一下，效果就出现了，就这么简单。。。有什么问题欢迎留言