Android中顶部Tab带滑动选项卡之二选一，仿淘宝宝贝收藏和店铺收藏

最新推荐文章于 2022-05-30 20:36:52 发布

帅气大果果

最新推荐文章于 2022-05-30 20:36:52 发布

阅读量3.7k

点赞数 5

分类专栏： Android 文章标签： Tab选项卡带滑动选项卡宝贝店铺收藏 android商城选

本文链接：https://blog.csdn.net/qq_34471736/article/details/53584419

版权

本文分享了一个Android商城项目中的功能，实现了顶部Tab带滑动选项卡，模仿淘宝宝贝和店铺收藏的效果。通过ViewPager、Fragment和BitmapFactory等技术，详细解释了图片滑动条的位置计算和平移，以及选项卡文字状态的处理。

摘要由CSDN通过智能技术生成

周末刚过，对于礼拜一可能大家的心情还沉浸在周末那种放松的那种状态下。我也是。出于无聊，随便翻看了一下之前写过的一个商城类项目，来这里和大家分享其中的一个小功能，就当是练练手，进入工作状态。

在这里声明一下，由于本人属于一个典型的懒程序员，文字叙述也不是很好。能写博客已经是极限了，哈哈。所以以后我的博客习惯都是先看效果图然后在看具体代码和实现。(因为我实在不想用文字去叙述一个功能效果)好了，手指已经很累了，打这么字确实很不容易，小时候作文经常挨老师批评，上图吧

。
效果图
相信大家看到了，这种类似的需求在开放中还是很常见的，其实实现的方式也很多，今天我们来学习一下它是如何实现的。

首先梳理一下，用到的知识点，ViewPager，Fragment,BitmapFactory,Matrix

具体的不再详细介绍了，代码里面注释写的比较详细。

- 首先我们先创建两个fragment。分别作为宝贝，店铺的布局界面

package achoice.com.taba;

import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

/**
 * 作者：${NanFeiLong}
 * 日期 2016/12/9 17:26
 * 宝贝对应的fragment
 */

public class BaoBeiFragment extends Fragment {
   
    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.baobei,container,false);
        return view;
    }


}

对应的layout文件baobei.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:layout_width="match_parent"
              android:layout_height="match_parent"
              android:gravity="center">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:gravity="center"
        android:textSize="24dp"
        android:padding="15dp"
        android:textColor="#969696"
        android:text="您还没有收藏任何宝贝哦!"/>
</LinearLayout>

店铺的Fragment和布局文件也类似。因为两个基本相同，这里就不用给出了,有兴趣的可以下载源码。

下来是MainActivity，这里我们让其继承自FragmentActivity点击事件和滑动事件都用实现接口的方式去实现监听

package achoice.com.taba;

import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Matrix;
import android.support.v4.app.FragmentActivity;
import android.support.v4.view.ViewPager;
import android.os.Bundle;
import android.util.DisplayMetrics;