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

android ShareSdk分享自定义布局

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

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

1、下载sharesdk解压后的文件夹,有一个快捷分享的jar文件,双击之后选择我们需要的分享平台,点击确定后就会在所在文件夹生成一个Sample文件夹。
android使用ShareSdk分享自定义布局问题全解_第1张图片
android使用ShareSdk分享自定义布局问题全解_第2张图片
android使用ShareSdk分享自定义布局问题全解_第3张图片

2、之后按照图下所示的路径就可以找到两个Adapter文件,land和port文件夹分别是我们横屏和竖屏情况下分享界面的布局及Adapter,分别继承自PlatformPage和PlatformPageAdapter
android使用ShareSdk分享自定义布局问题全解_第4张图片

3、下面进行修改,首先sdk默认的布局是这样的,默认有4列,从左到右排列,当我们分享平台的个数>=4时,图标正常排列,但是当我们只需要两个或三个平台时,使用默认的显示就会很尴尬。
android使用ShareSdk分享自定义布局问题全解_第5张图片

android使用ShareSdk分享自定义布局问题全解_第6张图片

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

android使用ShareSdk分享自定义布局问题全解_第7张图片

所以我们就要对其列数进行修改,很简单,修改一个参数就可以,找到port文件夹下的PlatformPageAdapterPort,其中的参数LINE_SIZE_P,就是我们分享时希望显示的列数,默认为4,把他改成我们需要的列数,重新运行,就会显示上图的效果。
android使用ShareSdk分享自定义布局问题全解_第8张图片

上面所说的是修改列数,那当我们的布局需要改变时,应该在哪改呢,比如我要实现下图的布局
android使用ShareSdk分享自定义布局问题全解_第9张图片

首先分享面板的背景发生了改变,变成圆角的了,而且左右两边距离屏幕有些距离,还增加了取消按钮,首先找到分享面板页面也就是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 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);
        }

圆角布局文件


<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">

    
    <corners android:radius="12dp" />
    <solid android:color="@color/white" />

shape>

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

你可能感兴趣的:(android使用ShareSdk分享自定义布局问题全解)