仿知乎分享界面

作者: Lin_YT | 来源:发表于2019-02-02 22:36 被阅读1482次

前言

最近在做一个资讯类的APP,上面需要一个分享功能,项目不大,如果去使用官方的SDK还需要审查之类的,感觉太麻烦。偶然看到知乎的分享界面做得不错,拿到我这个项目中正合适,在网上查了一下资料,使用BottomSheetDialogFragment结合系统自带的分享功能就可以做到它的效果。

知乎分享界面:

image

自己完成的效果图:


image

)

布局文件

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical">

    <TextView
        android:id="@+id/fragment_share_textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="24dp"
        android:layout_marginTop="16dp"
        android:text="@string/shareTo"
        android:textColor="@color/black"
        android:gravity="center_vertical"
        android:textSize="16sp"/>

    <android.support.v7.widget.RecyclerView
        android:id="@+id/fragment_share_recyclerView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="8dp"
        android:layout_marginBottom="8dp"
       />

</LinearLayout>

数据

获取手机中可接收我们分享的数据的App集合,方法很简单:

   public static List<ResolveInfo> getShareList(Context context) {
        Intent intent = new Intent(Intent.ACTION_SEND);
        intent.setType("text/plain");
        PackageManager packageManager = context.getPackageManager();
        List<ResolveInfo> list = packageManager.queryIntentActivities(intent, 0);
        return list;
    }

如果你只想显示指定的APP,或者把一些APP的显示位置提前,在这里可以通过APP的包名进行筛选或过滤。
例如你想把腾讯旗下的APP提前一点,可以这么做:

  //调整顺序,把微信、QQ提到前面来
        Collections.sort(list, new Comparator<ResolveInfo>() {
            @Override
            public int compare(ResolveInfo resolveInfo, ResolveInfo t1) {
                ActivityInfo activityInfo1 = resolveInfo.activityInfo;
                ActivityInfo activityInfo2 = t1.activityInfo;
                if (activityInfo1.packageName.contains("com.tencent.")
                        && !activityInfo2.packageName.contains("com.tencent.")) {
                    return -1;
                } else if (!activityInfo1.packageName.contains("com.tencent.")
                        && activityInfo2.packageName.contains("com.tencent.")) {
                    return 1;
                }
                return 0;
            }
        });

之后我们就能很容易获取到这些App的名字和图标。

Drawable icon = list.get(i).loadIcon(context.getPackageManager());
String label = list.get(i).loadLabel(context.getPackageManager()).toString();

界面代码

新建一个Fragment继承BottomSheetDialogFragmentBottomSheetDialogFragment的使用很简单,界面代码的编写与在普通的Fragment一样,然后我们只需调用它的show()/dismiss()即可让它显示或关闭。
完整的shareFragment代码:

public class ShareFragment extends BottomSheetDialogFragment {

    private List<ResolveInfo> mShareResolveInfoList;
    private List<ShareItem> mShareList;
    private Context mContext;
    private static String mTitle;
    private static String mUrl;

    public static ShareFragment getInstance(String title, String url) {
        mTitle = title;
        mUrl = url;
        return new ShareFragment();
    }

    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        mContext = getContext();
        View view = inflater.inflate(R.layout.fragment_share, container, false);
        initData();
        initViews(view);
        return view;
    }

    private void initViews(View view) {
        RecyclerView recyclerView = view.findViewById(R.id.fragment_share_recyclerView);
        recyclerView.setLayoutManager(new GridLayoutManager(mContext, 3));
        ShareRecyclerViewAdapter adapter = new ShareRecyclerViewAdapter(mShareList, mContext);
        adapter.setOnClickShareItemListener(new ShareRecyclerViewAdapter.OnClickShareItemListener() {
            @Override
            public void OnClick(int position) {
                Intent intent = new Intent(Intent.ACTION_SEND);
                intent.putExtra(Intent.EXTRA_TEXT, "我在讯博上发现一篇好文章:" + "\n" + mTitle + "\n" + mUrl);
                intent.setType("text/plain");
                ActivityInfo activityInfo = mShareResolveInfoList.get(position).activityInfo;
                intent.setClassName(activityInfo.packageName, activityInfo.name);
                startActivity(intent);
                dismiss();
            }
        });
        recyclerView.setAdapter(adapter);

    }

    private void initData() {
        mShareList = new ArrayList<>();
        mShareResolveInfoList = ShareUtil.getShareList(mContext);
        for (int i = 0; i < mShareResolveInfoList.size(); i++) {
            ShareItem item = new ShareItem();
            item.setIcon(mShareResolveInfoList.get(i).loadIcon(mContext.getPackageManager()));
            item.setLabel(mShareResolveInfoList.get(i).loadLabel(mContext.getPackageManager()).toString());
            mShareList.add(item);
        }
    }
}

这里我实现的是分享文字,如果要分享其他东西例如图片,把intent.setType("text/plain")修改成intent.setType("image/jpeg"),再在intent.putExtra()中传去入分享的东西即可。

把分享的显示封装成一个工具类方法,方便在任何界面调用

  public static void share(FragmentManager fragmentManager, String title, int id) {
        String url = "xxx";
        ShareFragment.getInstance(title, url).show(fragmentManager, "dialog");
  }

最后

文章中如果有什么错误或可以改进的地方,欢迎在评论区给我留言。

相关文章

  • 仿知乎分享界面

    前言 最近在做一个资讯类的APP,上面需要一个分享功能,项目不大,如果去使用官方的SDK还需要审查之类的,感觉太麻...

  • Flutter入门实战—高仿知乎日报

    Flutter版高仿知乎日报 高仿知乎日报,UI基本和Android端的知乎日报一致。新手小白的练习demo,代码...

  • ToolBar仿知乎

    需要做一个类似于知乎的效果,真的是踩了无数坑。 xml中 Activity中private Toolbar tbT...

  • 仿知乎广告

    仿知乎的广告栏学习 思路自定义View 继承自imgView然后通过canvas 对图片进行局部绘制进行局部的绘制...

  • 知乎live功能简单分析

    知乎live是知乎社区的一个在线直播功能。不同于一般直播功能的交互界面,知乎live的直播界面采取类似微信群的...

  • Android 仿知乎创意广告 广告还能这么玩?

    Android 仿知乎创意广告 广告还能这么玩?

  • 知乎分享

    那些美到窒息的英文句子 | love you not because ofwho you are, but ...

  • 仿知乎广告效果

    这篇文章介绍一个仿知乎广告效果。 先上效果图 具体表现在一个recycleView中的某一个item插入一张自己的...

  • 仿知乎裁剪头像

    最近刚做了一个新的app,里面有裁剪头像的需求,于是仿照这知乎的效果自己写了一个裁剪图片的控制器,支持设置裁剪区域...

  • 仿写知乎日报

    一直想写点什么,可又不知道从什么开始写。新的一年开始了,想想总要有个好得开头吧,折腾了俩天总算是把自己的博客弄了出...

网友评论

    本文标题:仿知乎分享界面

    本文链接:https://www.haomeiwen.com/subject/kcpesqtx.html