Android简易音乐重构MVVM Java版-BottomNavigationView+viewpager主界面结构（十一）

最新推荐文章于 2024-05-11 01:24:56 发布
最新推荐文章于 2024-05-11 01:24:56 发布
阅读量532 收藏 4
点赞数
分类专栏： 简易音乐 文章标签： android java 重构 viewpager2 底部导航栏
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Tobey_r1/article/details/125433794
版权

Android简易音乐重构MVVM Java版-BottomNavigationView+viewpager主界面结构（十一）

关于

  本篇主要记录新增discoverFragment（发现界面）及banner展示、以及使用lombok替代冗余的get、set方法等。

效果图

在这里插入图片描述

Android使用Lombok

  参考《Android使用GsomFormatPlus+Lombok简化定义实体类》
  修改Login的实体类：

@NoArgsConstructor
@Data
public class LoginEntity {

    private int loginType;
    private int code;
    private AccountEntity account;
    private String token;
    private ProfileEntity profile;
    private List<BindingsEntity> bindings;
    private String cookie;

    @NoArgsConstructor
    @Data
    public static class AccountEntity {
        private int id;
        private String userName;
        private int type;
        private int status;
        private int whitelistAuthority;
        private long createTime;
        private String salt;
        private int tokenVersion;
        private int ban;
        private int baoyueVersion;
        private int donateVersion;
        private int vipType;
        private long viptypeVersion;
        private boolean anonimousUser;
        private boolean uninitialized;
    }

    @NoArgsConstructor
    @Data
    public static class ProfileEntity {
        private String backgroundImgIdStr;
        private int userId;
        private String avatarImgIdStr;
        private boolean followed;
        private String backgroundUrl;
        private String detailDescription;
        private int userType;
        private int vipType;
        private int gender;
        private int accountStatus;
        private long avatarImgId;
        private String nickname;
        private long backgroundImgId;
        private long birthday;
        private int city;
        private String avatarUrl;
        private boolean defaultAvatar;
        private int province;
        private Object expertTags;
        private ExpertsEntity experts;
        private boolean mutual;
        private Object remarkName;
        private int authStatus;
        private int djStatus;
        private String description;
        private String signature;
        private int authority;
        private String avatarImgId_str;
        private int followeds;
        private int follows;
        private int eventCount;
        private Object avatarDetail;
        private int playlistCount;
        private int playlistBeSubscribedCount;

        @NoArgsConstructor
        @Data
        public static class ExpertsEntity {
        }
    }

    @NoArgsConstructor
    @Data
    public static class BindingsEntity {
        private int userId;
        private String url;
        private boolean expired;
        private String tokenJsonStr;
        private long bindingTime;
        private int expiresIn;
        private int refreshTime;
        private long id;
        private int type;
    }
}

  然后删除对应的Login_bean实体类，替换一下其他使用到的地方即可。

添加cookie和cache引用

  修改moudle的build文件新增cookie引用：

// CookieJar
    implementation 'com.github.franmontiel:PersistentCookieJar:v1.0.1'

新增 ApplicationContextProvider

public class ApplicationContextProvider extends ContentProvider {

    @SuppressLint("StaticFieldLeak")
    public static Context context;

    @Override
    public boolean onCreate() {
        context = getContext();
        return false;
    }

    @Nullable
    @Override
    public Cursor query(@NonNull Uri uri, @Nullable String[] projection, @Nullable String selection, @Nullable String[] selectionArgs, @Nullable String sortOrder) {
        return null;
    }

    @Nullable
    @Override
    public String getType(@NonNull Uri uri) {
        return null;
    }

    @Nullable
    @Override
    public Uri insert(@NonNull Uri uri, @Nullable ContentValues values) {
        return null;
    }

    @Override
    public int delete(@NonNull Uri uri, @Nullable String selection, @Nullable String[] selectionArgs) {
        return 0;
    }

    @Override
    public int update(@NonNull Uri uri, @Nullable ContentValues values, @Nullable String selection, @Nullable String[] selectionArgs) {
        return 0;
    }
}

  然后再androidmanifest.xml的application中添加provider：

<provider
            android:name=".ApplicationContextProvider"
            android:authorities="${applicationId}.contextProvider"
            android:exported="false" />

  然后定义ContextProvider.java用来单例获取context：

public class ContextProvider {

    @SuppressLint("StaticFieldLeak")
    private static volatile ContextProvider instance;
    private final Context mContext;

    private ContextProvider(Context context) {
        mContext = context;
    }

    /**
     * 获取实例
     */
    public static ContextProvider get() {
        if (instance == null) {
            synchronized (ContextProvider.class) {
                if (instance == null) {
                    Context context = ApplicationContextProvider.context;
                    if (context == null) {
                        throw new IllegalStateException("context == null");
                    }
                    instance = new ContextProvider(context);
                }
            }
        }
        return instance;
    }

    /**
     * 获取上下文
     */
    public Context getContext() {
        return mContext;
    }

    public Application getApplication() {
        return (Application) mContext.getApplicationContext();
    }
}

添加cookie和cache

  修改RetrofitUtils.java：

public class RetrofitUtils {
    /**
     * 单例模式
     */
    public static ApiService apiService;
    public static ApiService getmApiUrl(){
        if (apiService == null){
            synchronized (RetrofitUtils.class){
                if (apiService == null){
                    apiService = new RetrofitUtils().getRetrofit();
                }
            }
        }
        return apiService;
    }

    private ApiService getRetrofit() {
        //初始化Retrofit
        ApiService apiService = initRetrofit(initOkHttp()).create(ApiService.class);
        return apiService;
    }

    private OkHttpClient initOkHttp() {
        File cacheDir = ContextProvider.get().getContext().getCacheDir();
        long cacheSize = 10L * 1024L * 1024L; // 10 MiB
        ClearableCookieJar cookieJar = new PersistentCookieJar(new SetCookieCache(), new SharedPrefsCookiePersistor(ContextProvider.get().getContext()));
        return new OkHttpClient().newBuilder()
                .readTimeout(Constant.DEFAULT_TIME, TimeUnit.SECONDS) //设置读取超时时间
                .connectTimeout(Constant.DEFAULT_TIME, TimeUnit.SECONDS) //设置请求超时时间
                .writeTimeout(Constant.DEFAULT_TIME, TimeUnit.SECONDS) //设置写入超时时间
                .addInterceptor(new LogInterceptor())  //添加打印拦截器
                .retryOnConnectionFailure(true) //设置出错进行重新连接
                .cache(new Cache(cacheDir, cacheSize)) //cache
                .cookieJar(cookieJar) //cookie
                .build();
    }

    /**
     * 初始化Retrofit
     */
    @NonNull
    private Retrofit initRetrofit(OkHttpClient client){
        return new Retrofit.Builder()
                .client(client)
                .baseUrl(Constant.BaseUrl)
                .addCallAdapterFactory(RxJava2CallAdapterFactory.create())
                .addCallAdapterFactory(LiveDataCallAdapterFactory.create())
                .addConverterFactory(GsonConverterFactory.create())
                .build();
    }
}

修改添加侧滑栏和底部导航栏

  修改activity_main.xml布局文件：

<?xml version="1.0" encoding="utf-8"?>
<androidx.drawerlayout.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/home_drawer_menu"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/boundary_gray"
    tools:context=".ui.home.MainActivity">

    <androidx.constraintlayout.widget.ConstraintLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <View
            android:id="@+id/view_top"
            android:layout_width="match_parent"
            android:layout_height="@dimen/dp_60"
            app:layout_constraintTop_toTopOf="parent"
            android:background="@color/colorPrimary"
            />

        <ImageView
            android:id="@+id/home_top_left_btn"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/ic_home_top_menu"
            app:layout_constraintTop_toTopOf="@id/view_top"
            app:layout_constraintBottom_toBottomOf="@id/view_top"
            app:layout_constraintStart_toStartOf="parent"
            android:layout_marginStart="@dimen/dp_12" />

        <ImageView
            android:id="@+id/search"
            android:layout_width="@dimen/dp_22"
            android:layout_height="@dimen/dp_25"
            android:layout_marginEnd="@dimen/dp_16"
            app:layout_constraintEnd_toEndOf="parent"
            android:src="@drawable/music_mike"
            app:layout_constraintTop_toTopOf="@id/view_top"
            app:layout_constraintBottom_toBottomOf="@id/view_top" />

        <EditText
            android:id="@+id/ed_search"
            android:layout_width="@dimen/dp_0"
            android:layout_height="@dimen/dp_30"
            android:layout_marginStart="@dimen/dp_16"
            android:layout_marginEnd="@dimen/dp_16"
            app:layout_constraintStart_toEndOf="@id/home_top_left_btn"
            app:layout_constraintEnd_toStartOf="@id/search"
            app:layout_constraintTop_toTopOf="@id/view_top"
            android:alpha="0.5"
            android:textColor="@color/white"
            android:paddingStart="@dimen/dp_8"
            android:paddingEnd="@dimen/dp_8"
            android:paddingTop="@dimen/dp_5"
            android:paddingBottom="@dimen/dp_5"
            app:layout_constraintBottom_toBottomOf="@id/view_top"
            android:background="@drawable/bg_edit_search_gray" />

        <androidx.viewpager2.widget.ViewPager2
            android:id="@+id/home_viewpager"
            android:layout_width="match_parent"
            android:layout_height="@dimen/dp_0"
            app:layout_constraintTop_toBottomOf="@id/view_top"
            app:layout_constraintBottom_toTopOf="@id/bottom_nav" />

        <com.google.android.material.bottomnavigation.BottomNavigationView
            android:id="@+id/bottom_nav"
            android:layout_width="match_parent"
            android:background="?android:attr/windowBackground"
            android:layout_height="@dimen/dp_60"
            app:menu="@menu/bottom_nav"
            app:itemRippleColor="@color/white"
            app:labelVisibilityMode="labeled"
            app:layout_constraintBottom_toBottomOf="parent"
            />

    </androidx.constraintlayout.widget.ConstraintLayout>

    <fragment
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_gravity="left"
        tools:ignore="RtlHardcoded" />
</androidx.drawerlayout.widget.DrawerLayout>

  新增侧边栏按钮ic_home_top_menu.xml：

<!--
  ~ Copyright (c) 2022 Station. All rights reserved.
  -->

<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="24dp"
    android:height="16dp"
    android:viewportWidth="24"
    android:viewportHeight="16">
    <path
        android:pathData="M0,16H24V14H0V16ZM0,2H24V0H0V2ZM0,9H24V7H0V9Z"
        android:fillColor="#ffffff"
        android:fillType="evenOdd" />
</vector>

  新增editview的背景bg_edit_search_gray.xml：

<?xml version="1.0" encoding="utf-8"?>
<shape android:shape="rectangle"
    xmlns:android="http://schemas.android.com/apk/res/android">
    <corners android:radius="@dimen/dp_20" />
    <solid android:color="@color/grays_66" />
</shape>

新增菜单menu

  在res下新建menu文件夹然后新增bottom_nav.xml：

<menu xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:id="@+id/discoverFragment"
        android:icon="@drawable/shape_discover_select"
        android:title="@string/bottom_home" />
    <item
        android:id="@+id/podcastFragment"
        android:icon="@drawable/shape_podcast_select"
        android:title="@string/bottom_podcast" />
    <item
        android:id="@+id/myFragment"
        android:icon="@drawable/shape_my_select"
        android:title="@string/bottom_my" />
    <item
        android:id="@+id/userFragment"
        android:icon="@drawable/shape_follow_select"
        android:title="@string/bottom_follow" />
</menu>

  其余主界面的图片资源包括底部菜单的shape文件都可以在百度网盘里面下载：
链接：https://pan.baidu.com/s/1l249MNrqRSyPq9Om_2aUgw
提取码：1234
  我就不一一贴上去了。

修改MainActivity.java

public class MainActivity extends BaseActivity {

    private ActivityMainBinding binding;

    private NavigationBarView navigationBarView;

    private ArrayList<Fragment> fragments;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        viewModel = new ViewModelProvider(this).get(MainViewModel.class);
        binding = ActivityMainBinding.inflate(getLayoutInflater());
        setContentView(binding.getRoot());
        initFragment();
        initView();
        initObserver();
    }

    private void initFragment() {
        fragments = new ArrayList<>();
        fragments.add(new DiscoverFragment());
        fragments.add(new PodcastFragment());
        fragments.add(new MineFragment());
    }

    private void initObserver() {
    }

    @SuppressLint("NonConstantResourceId")
    private void initView() {
        navigationBarView = binding.bottomNav;
        initViewPager();
        setDrawMenu();
    }

    private void initViewPager() {
        navigationBarView.setOnItemSelectedListener(item -> {
            switch (item.getItemId()){
                case R.id.discoverFragment:
                    binding.homeViewpager.setCurrentItem(0,true);
                    break;
                case R.id.podcastFragment:
                    binding.homeViewpager.setCurrentItem(1,true);
                    break;
                case R.id.myFragment:
                    binding.homeViewpager.setCurrentItem(2,true);
                    break;
            }
            return true;
        });
        binding.homeViewpager.setUserInputEnabled(false); //禁止滑动
        binding.homeViewpager.setAdapter(new FragmentStateAdapter(this) {
            @NonNull
            @Override
            public Fragment createFragment(int position) {
                return fragments.get(position);
            }

            @Override
            public int getItemCount() {
                return fragments.size();
            }
        });
        binding.homeViewpager.registerOnPageChangeCallback(new ViewPager2.OnPageChangeCallback() {
            @Override
            public void onPageSelected(int position) {
                super.onPageSelected(position);
                binding.bottomNav.getMenu().getItem(position).setChecked(true);
            }
        });
    }

    @SuppressLint("NewApi")
    private void setDrawMenu() {
        binding.homeTopLeftBtn.setOnClickListener(view -> {
            if (ClickUtil.enableClick()){
                binding.homeDrawerMenu.openDrawer(GravityCompat.START);
            }
        });
        binding.homeDrawerMenu.setDrawerLockMode(DrawerLayout.LOCK_MODE_UNLOCKED);
        binding.homeDrawerMenu.addDrawerListener(new DrawerLayout.DrawerListener() {
            @Override
            public void onDrawerSlide(@NonNull View drawerView, float slideOffset) {}

            @Override
            public void onDrawerOpened(@NonNull View drawerView) {
                binding.homeDrawerMenu.setDrawerLockMode(DrawerLayout.LOCK_MODE_UNLOCKED);
            }

            @Override
            public void onDrawerClosed(@NonNull View drawerView) {
                //binding.homeDrawerMenu.setDrawerLockMode(DrawerLayout.LOCK_MODE_LOCKED_CLOSED);
            }

            @Override
            public void onDrawerStateChanged(int newState) {}
        });
    }

    @Override
    public void onBackPressed() {
        super.onBackPressed();
        if (binding.homeDrawerMenu.isDrawerOpen(GravityCompat.START)){
            binding.homeDrawerMenu.closeDrawer(GravityCompat.START);
        }else {
            Intent intent = new Intent(Intent.ACTION_MAIN);
            intent.addFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP);
            intent.addCategory(Intent.CATEGORY_HOME);
            intent.addFlags(Intent.FLAG_ACTIVITY_NEW_TASK);
            startActivity(intent);
        }
    }
}

新建discoverFragment

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

    <data>
        <variable
            name="vm"
            type="com.tobery.personalmusic.ui.home.discover.DiscoverFragmentViewModel" />
    </data>
<androidx.constraintlayout.widget.ConstraintLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/white">

    <View
        android:id="@+id/view_title_bg"
        android:layout_width="match_parent"
        android:layout_height="@dimen/dp_45"
        app:layout_constraintTop_toTopOf="parent"
        android:background="@color/colorPrimary"
        />

    <View
        android:layout_width="match_parent"
        android:layout_height="@dimen/dp_95"
        app:layout_constraintTop_toBottomOf="@id/view_title_bg"
        android:background="@color/colorPrimary"
        />
    
    <com.youth.banner.Banner
        android:id="@+id/banner_img"
        android:layout_width="match_parent"
        android:layout_height="@dimen/dp_160"
        app:layout_constraintTop_toBottomOf="@id/view_title_bg"
        android:layout_margin="@dimen/dp_16"
        />
    
    <ImageView
        android:id="@+id/img_recommend"
        android:layout_width="@dimen/dp_50"
        android:layout_height="@dimen/dp_50"
        android:src="@drawable/ic_daily_recommend"
        android:layout_margin="@dimen/dp_16"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@id/banner_img"
        />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textColor="@color/colorPrimary"
        android:textSize="@dimen/sp_12"
        android:text="@{vm.date}"
        app:layout_constraintTop_toTopOf="@id/img_recommend"
        app:layout_constraintBottom_toBottomOf="@id/img_recommend"
        app:layout_constraintStart_toStartOf="@id/img_recommend"
        app:layout_constraintEnd_toEndOf="@id/img_recommend"
        />

    <TextView
        android:id="@+id/tv_daily"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="@dimen/dp_4"
        android:text="@string/day_recommend"
        android:textColor="@color/dark_grey"
        app:layout_constraintTop_toBottomOf="@id/img_recommend"
        app:layout_constraintStart_toStartOf="@id/img_recommend"
        app:layout_constraintEnd_toEndOf="@id/img_recommend"
        android:textSize="@dimen/sp_12" />

    <ImageView
        android:id="@+id/img_mine_fm"
        android:layout_width="@dimen/dp_50"
        android:layout_height="@dimen/dp_50"
        android:src="@drawable/ic_mine_fm"
        android:layout_margin="@dimen/dp_16"
        app:layout_constraintStart_toEndOf="@id/img_recommend"
        app:layout_constraintTop_toBottomOf="@id/banner_img"
        />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="@dimen/dp_4"
        android:text="@string/fm"
        android:textColor="@color/dark_grey"
        app:layout_constraintTop_toBottomOf="@id/img_mine_fm"
        app:layout_constraintStart_toStartOf="@id/img_mine_fm"
        app:layout_constraintEnd_toEndOf="@id/img_mine_fm"
        android:textSize="@dimen/sp_12" />

    <ImageView
        android:id="@+id/img_playlist"
        android:layout_width="@dimen/dp_50"
        android:layout_height="@dimen/dp_50"
        android:src="@drawable/ic_playlist"
        android:layout_margin="@dimen/dp_16"
        app:layout_constraintStart_toEndOf="@id/img_mine_fm"
        app:layout_constraintTop_toBottomOf="@id/banner_img"
        />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="@dimen/dp_4"
        android:text="@string/playlist"
        android:textColor="@color/dark_grey"
        app:layout_constraintTop_toBottomOf="@id/img_playlist"
        app:layout_constraintStart_toStartOf="@id/img_playlist"
        app:layout_constraintEnd_toEndOf="@id/img_playlist"
        android:textSize="@dimen/sp_12" />

    <ImageView
        android:id="@+id/img_rank"
        android:layout_width="@dimen/dp_50"
        android:layout_height="@dimen/dp_50"
        android:src="@drawable/ic_playlist"
        android:layout_margin="@dimen/dp_16"
        app:layout_constraintStart_toEndOf="@id/img_playlist"
        app:layout_constraintTop_toBottomOf="@id/banner_img"
        />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="@dimen/dp_4"
        android:text="@string/rank"
        android:textColor="@color/dark_grey"
        app:layout_constraintTop_toBottomOf="@id/img_rank"
        app:layout_constraintStart_toStartOf="@id/img_rank"
        app:layout_constraintEnd_toEndOf="@id/img_rank"
        android:textSize="@dimen/sp_12" />

    <ImageView
        android:id="@+id/img_live"
        android:layout_width="@dimen/dp_50"
        android:layout_height="@dimen/dp_50"
        android:src="@drawable/ic_live"
        android:layout_margin="@dimen/dp_16"
        app:layout_constraintStart_toEndOf="@id/img_rank"
        app:layout_constraintTop_toBottomOf="@id/banner_img"
        />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="@dimen/dp_4"
        android:text="@string/live"
        android:textColor="@color/dark_grey"
        app:layout_constraintTop_toBottomOf="@id/img_live"
        app:layout_constraintStart_toStartOf="@id/img_live"
        app:layout_constraintEnd_toEndOf="@id/img_live"
        android:textSize="@dimen/sp_12" />

    <ImageView
        android:id="@+id/img_radio"
        android:layout_width="@dimen/dp_50"
        android:layout_height="@dimen/dp_50"
        android:src="@drawable/ic_radio"
        android:layout_margin="@dimen/dp_16"
        app:layout_constraintStart_toEndOf="@id/img_live"
        app:layout_constraintTop_toBottomOf="@id/banner_img"
        />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="@dimen/dp_4"
        android:text="@string/radio"
        android:textColor="@color/dark_grey"
        app:layout_constraintTop_toBottomOf="@id/img_radio"
        app:layout_constraintStart_toStartOf="@id/img_radio"
        app:layout_constraintEnd_toEndOf="@id/img_radio"
        android:textSize="@dimen/sp_12" />

    <View
        android:id="@+id/view_recommend"
        android:layout_width="match_parent"
        android:layout_height="@dimen/dp_1"
        android:layout_marginTop="@dimen/dp_12"
        android:background="@color/boundary_gray"
        app:layout_constraintTop_toBottomOf="@id/tv_daily"/>

    <TextView
        android:id="@+id/tv_recommend"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="@dimen/dp_16"
        android:text="@string/recommend_playlist"
        android:textColor="@color/tv_black"
        android:textSize="@dimen/sp_14"
        android:textStyle="bold"
        app:layout_constraintTop_toBottomOf="@id/view_recommend"
        app:layout_constraintStart_toStartOf="parent"
        />

    <TextView
        android:id="@+id/tv_playlist_playground"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginEnd="@dimen/dp_16"
        android:layout_marginStart="@dimen/dp_15"
        android:background="@drawable/bg_playlist_playground"
        android:paddingLeft="@dimen/dp_15"
        android:paddingTop="@dimen/dp_8"
        android:paddingRight="@dimen/dp_15"
        android:paddingBottom="@dimen/dp_8"
        android:text="@string/playlist_playground"
        android:textColor="@color/tv_gray_01"
        android:textSize="@dimen/sp_11"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintTop_toTopOf="@id/tv_recommend"
        app:layout_constraintBottom_toBottomOf="@id/tv_recommend"
        />

    <androidx.recyclerview.widget.RecyclerView
        android:id="@+id/recommend_recycle"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="@dimen/dp_12"
        android:layout_marginStart="@dimen/dp_16"
        app:layout_constraintTop_toBottomOf="@id/tv_recommend"/>

</androidx.constraintlayout.widget.ConstraintLayout>
</layout>

  添加轮播图引用：

//banner
    implementation 'io.github.youth5201314:banner:2.2.2'
    implementation "androidx.viewpager2:viewpager2:1.0.0"

  关于轮播图使用可以参考《Android三方框架banner实现轮播图》
  该页面所有图片资源可以在上面发的网盘链接的discoverFragment文件下找到：
在这里插入图片描述

新增DiscoverFragmentViewModel

  修改ApiService类，添加轮播api：

 @GET("banner")
        // 首页轮播
    LiveData<ApiResponse<banner_bean>> getBanner(@Query("type") int type);

public class DiscoverFragmentViewModel extends ViewModel {

    public String date = Calendar.getInstance().get(Calendar.DAY_OF_MONTH) + "";

   
    public LiveData<ApiResponse<banner_bean>> getBanner(){
        return RetrofitUtils.getmApiUrl().getBanner(2);
    }

}

新增banner_bean实体类

public class banner_bean implements Serializable {


    /**
     * banners : [{"pic":"http://p1.music.126.net/t1_KzNb5-4LKRzGqYQA81A==/109951167565475950.jpg","titleColor":"blue","typeTitle":"独家策划","url":"https://y.music.163.com/m/at/62a071f79c36d0102fa27345","bannerId":"1655555430984479"}]
     * code : 200
     */

    private int code;
    private List<BannersBean> banners;

    public int getCode() {
        return code;
    }

    public void setCode(int code) {
        this.code = code;
    }

    public List<BannersBean> getBanners() {
        return banners;
    }

    public void setBanners(List<BannersBean> banners) {
        this.banners = banners;
    }

    public static class BannersBean implements Serializable {
        /**
         * pic : http://p1.music.126.net/t1_KzNb5-4LKRzGqYQA81A==/109951167565475950.jpg
         * titleColor : blue
         * typeTitle : 独家策划
         * url : https://y.music.163.com/m/at/62a071f79c36d0102fa27345
         * bannerId : 1655555430984479
         */

        private String pic;
        private String titleColor;
        private String typeTitle;
        private String url;
        private String bannerId;

        public String getPic() {
            return pic;
        }

        public void setPic(String pic) {
            this.pic = pic;
        }

        public String getTitleColor() {
            return titleColor;
        }

        public void setTitleColor(String titleColor) {
            this.titleColor = titleColor;
        }

        public String getTypeTitle() {
            return typeTitle;
        }

        public void setTypeTitle(String typeTitle) {
            this.typeTitle = typeTitle;
        }

        public String getUrl() {
            return url;
        }

        public void setUrl(String url) {
            this.url = url;
        }

        public String getBannerId() {
            return bannerId;
        }

        public void setBannerId(String bannerId) {
            this.bannerId = bannerId;
        }
    }

新增DiscoverFragment

public class DiscoverFragment extends Fragment {

    private FragmentDiscoverBinding binding;

    private DiscoverFragmentViewModel viewModel;

    @Nullable
    @Override
    public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        binding = FragmentDiscoverBinding.inflate(inflater,container,false);
        viewModel = new ViewModelProvider(this).get(DiscoverFragmentViewModel.class);
        binding.setLifecycleOwner(this);
        binding.setVm(viewModel);
        return binding.getRoot();
    }

    @Override
    public void onViewCreated(@NonNull View view, @Nullable Bundle savedInstanceState) {
        super.onViewCreated(view, savedInstanceState);
        initObserver();
    }

    private void initObserver() {
        viewModel.getBanner().observe(getViewLifecycleOwner(), banner_beanApiResponse -> {
            if (banner_beanApiResponse.getStatus() == Status.SUCCESS){
                initData(banner_beanApiResponse.getData().getBanners());
            }
        });
    }    

    private void initData(List<banner_bean.BannersBean>  banners) {
        binding.bannerImg.setAdapter(new bannerAdapter(banners))
                .addBannerLifecycleObserver(getViewLifecycleOwner())
                .setIntercept(false) //不拦截事件
                .setBannerRound(10f)//圆角
                .setIndicator(new RectangleIndicator(getContext())) //线条指示器
                .setIndicatorHeight(5)
                .setIndicatorWidth(6,6)//选中下宽度一致
                .setIndicatorGravity(IndicatorConfig.Direction.CENTER)
                .setOnBannerListener(new OnBannerListener() {
                    @Override
                    public void OnBannerClick(Object data, int position) {

                    }
                });
    }
}

新增banner适配器bannerAdapter.java

  新增banner布局文件banner_title_image.xml:

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    >

    <ImageView
        android:id="@+id/bannerImage"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:scaleType="fitXY" />

    <TextView
        android:id="@+id/bannerTitle"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@null"
        android:ellipsize="marquee"
        android:paddingEnd="@dimen/dp_5"
        android:paddingBottom="@dimen/dp_1"
        android:singleLine="true"
        android:textColor="#ffffff"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        />
</androidx.constraintlayout.widget.ConstraintLayout>

public class bannerAdapter extends BannerAdapter<banner_bean.BannersBean, TitleHolder> {


    public bannerAdapter(List<banner_bean.BannersBean> datas) {
        super(datas);
    }

    @Override
    public TitleHolder onCreateHolder(ViewGroup parent, int viewType) {
        return new TitleHolder(LayoutInflater.from(parent.getContext()).inflate(R.layout.banner_title_image,parent,false));
    }

    @Override
    public void onBindView(TitleHolder holder, banner_bean.BannersBean data, int position, int size) {
        Glide.with(holder.imageView)
                .load(data.getPic())
                .thumbnail(Glide.with(holder.itemView)
                        .load(R.drawable.ic_banner_loading))
                .into(holder.imageView);
        holder.textView.setText(data.getTypeTitle());
    }
}
class TitleHolder extends RecyclerView.ViewHolder {

    public ImageView imageView;
    public TextView textView;

    public TitleHolder(@NonNull View itemView) {
        super(itemView);
        imageView = itemView.findViewById(R.id.bannerImage);
        textView = itemView.findViewById(R.id.bannerTitle);
    }
}

  其他几个fragment页面暂时复制DiscoverFragment。有问题欢迎批评指正，觉得不错的也请点个赞 谢谢。

雪の星空朝酱
关注
  • 0
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
BottomNavigationView结合ViewPager搭建流行UI框架，2021腾讯Android面试题精选
wa2231a的博客
01-14 509
app:itemIconTint是设置底部导航按钮图标颜色的属性 app:itemTextColor是设置底部导航按钮文字颜色的属性 由于大多情况下图标和文件颜色都是相同的(为了统一风格样式),所以它们两个我用的是同一个颜色选择器 说到这BottomNaviationView这个控件就说完了,下面解释一下activity_main.xml文件中的状态栏控件,在布局中写状态栏的原因是因为我们的应用主题是没有ActionBar并且状态栏是透明的,所以状态栏和标题栏需要我们自己来写(也是为了满足用户定义不同样式的
BottomNavigationView使用
咸老师的博客
03-30 267
如果是四个按钮. 主要是3个文件.和四个按相对应的java与xml配对的8个文件, 共计11个文件 implementation 'com.android.support:design:28.0.0' 主要是3个: MainActivity.java ; activity_main.xml 和菜单按钮navigation.xml(放在menu目录下.不要放在layout下面); 8个...
android-mvvm:使用RxJava和数据绑定的Android上的MVVM
05-13
Android MVVM 内容： 示例项目，演示基于MVVM的编码模式，重点是 轻松构成视图 最小化设置视图的样板 重用表示逻辑 具有用于模式的基本工具的库 先决条件 快速教程 提供了一个设置库的教程，并提供了有关其功能的想法。 由于该库的主要交付对象是模式，因此了解其背后的原理很重要，这样即使在没有库API的地方也可以应用该模式。 MVVM实施 这种模式利用了数据绑定，因此视图仅包含1个变量vm即ViewModel。 想法是ViewModel应该具有显示View所需的所有信息。 多个视图可以共享一个视图模型。 这有助于为其他布局重用功能。 使用单个变量vm提供了配置任何视图的一致机制： viewBinding.setVariable(BR.vm, viewModel) 请注意，需要通过提供ViewModelBinder接口的实例来配置此机制。 此接口描述如何将ViewModel
android常见问题
gaoxiaoweiandy的专栏
01-14 3805
1. 导入的zxing等第三方类在布局里可以识别，但运行时无法解析，not found。 答：请把Android studio中project struct里的JDK配置为Android studio默认的jdk。 2. 编译ids.xml报错 <item type="id" name="about_version_code">false</item&gt......
最新Android MVVM框架搭建（三）MMKV + Room + RxJava2(1)，2024年最新android 2024面试
最新发布
2401_84538135的博客
05-11 263
其实Android开发的知识点就那么多，面试问来问去还是那么点东西。所以面试没有其他的诀窍，只看你对这些知识点准备的充分程度。so，出去面试时先看看自己复习到了哪个阶段就好。当然我也为你们整理好了百度、阿里、腾讯、字节跳动等等互联网超级大厂的历年面试真题集锦。这也是我这些年来养成的习惯，一定要学会把好的东西，归纳整理，然后系统的消化吸收，这样才能极大的提高学习效率和成长进阶。碎片、零散化的东西，我觉得最没有价值的。就好比你给我一张扑克牌，我只会觉得它是一张废纸，但如果你给我一副扑克牌，它便有了它的价值。
bottomnavigationview 去动画_Android Notes｜BottomNavigationView 爱上 Lottie
weixin_39817215的博客
11-21 199
鸡老大说：大丈夫岂能久居人下。首发掘金：掘金 个人页​juejin.im前言好容易解决个问题，感觉记录一波。当日事当日毕，践行鸡老大，点滴积累，万一某天优秀了呢？以前大部分项目底部导航栏关于图片部分的实现，要么两套图 selector 切换，要么通过着色器 tint 进行渲染，总之最后呈现的效果便是在点击时两张图静态切换，说 Low 吧，也还凑合，但是总是没那么高大上。项目重构时，韩总说了，之前的...
android : 底部导航栏的实现（使用ViewPager和BottomNavigationView）
weixin_63987141的博客
03-23 6690
注意：BottomNavigationView需要一个app:menu菜单文件（下面会作讲解）本案例中需要用的控件ViewPager和BottomNavigationView。那么我么如何设置两个控件联动（仅需要两个方法即可）创建完成后会生成Fragment的java文件和对应的XML文件。Fragment文件不需要修改，后期只需要传入两个参数即可。接下来创建空白的Fragment，不用做任何修改。创建5个即可，创建方法相同，以下只示例一个。接下来是Viewpager的适配器。
MVVM体系结构：Android中MVVM + Jetpack架构的实践
02-04
在Android开发领域，MVVM（Model-View-ViewModel）架构结合Jetpack库的使用已经成为现代应用设计的标准。本文将深入探讨MVVM架构的核心概念、它如何与Jetpack组件结合，以及如何利用Kotlin、RxJava等相关技术提升...
使用Clean + MVVM架构开发的Android News应用-Android开发
05-26
Clean-MVVM-NewsApp一个使用Clean + MVVM体系结构构建的Android应用程序。 在应用程序中使用的组件中精选。 Kotlin-作为一种编程语言。 LiveData-生命周期感知的Observable Clean-MVVM-NewsApp一个使用Clean + MVVM...
MVVM-Kotlin-Android-Architecture:MVVM + Kotlin + Retrofit2 +刀柄+协程+ LiveData +数据绑定
04-19
MVVM-Kotlin-Android体系结构 MVVM + Kotlin + Retrofit2 +刀柄+协程+ LiveData +数据绑定 入门 在本教程中，我们将学习Android中的MVVM架构，我创建了示例项目来获取每个国家/地区的COVID19统计信息。 什么是MVVM...
MVVM-Kotlin-Android-Architecture:MVVM + Kotlin + Retrofit2 +刀柄+协程+ Kotlin Flow +模拟K +浓咖啡+ Junit5
05-03
Model-View-ViewModel（即MVVM）是客户端应用程序体系结构的模板，由John Gossman提出，可以在使用数据绑定技术时替代MVC和MVP模式。 其概念是将数据表示逻辑与业务逻辑分开，方法是将其移入特定类以进行明确区分。 ...
android-mvvm-databinding-kotlin:一个简单的Android应用程序项目，使用MVVM +数据绑定+改造+ RxJava并用Kotlin编写
04-30
在Android应用开发中，MVVM（Model-View-ViewModel）架构模式已经成为了一种流行的设计模式。结合数据绑定和RxJava的使用，可以极大地提高代码的可读性和可维护性。这个名为"android-mvvm-databinding-kotlin"的项目...
BottomNavigationView+ViewPager实现底部导航栏
热门推荐
进击的程序猿
03-21 1万+
前言： 前面写过一篇FragmentTabHost+FrameLayout实现底部导航栏 公司原来一直这个套路来处理底部导航栏和显示页面的切换，真的很好用。但是自从发现BottomNavigationView这个控件之后，感觉BottomNavigationView+ViewPager实现底部导航栏这个模式更简单而且效果更酷。写个小demo展示一下，下面先看一下效果图： —>首先： 来看一下整体布
安卓底部导航栏BottomNavigationView
m0_57150356的博客
11-28 1086
实现安卓底部导航栏，google为我们提供了。第三方大佬提供了简易版BottomTabBar类。
Android简易音乐重构MVVM Java版-新增歌曲播放界面+状态栏黑科技（十七）
Tobey_r1的博客
07-22 1424
本篇主要实现播放界面包括，歌曲暂停、播放下一首、上一首、播放模式、歌词展示，实现根据歌曲背景深浅实现状态栏文字、标题文字黑白切换适配。 音乐播放封装使用《开源库MusicPlayManager - 封装StarrySky音乐库》  新增   新增: 增加歌词view   修改：   添加行歌词实体类： 修改ApiService   新增歌词实体类LyricEntity 添加引用 添加SongPlayViewModel 修改CurrentSongPlayActivity.java 修改Consta
Android简易音乐重构MVVM Java版 -搭建项目（八）
Tobey_r1的博客
06-25 1038
  本篇主要介绍，简易音乐重构，去掉butterkinfe，去掉mvp，精简代码优化逻辑，使用viewbinding和databinding，升级项目版本工程版本，升级引用等等，但是最终我还是没有使用kotlin去重构这个项目，我是很想用kotlin写的，不管是出于个人目前对kotlin的热爱还是google对kotlin的支持，但是看起来目前对我这个moudle感兴趣的人用java的多点，所以这个项目目前还是用java去写，废话到此结束。  Android studio 2021.2.1 Patch 1截
使用 PersistentCookieJar实现用户信息cookie持久化,Failed to resolve: com.github.franmontiel:PersistentCookieJar:
每一件自己觉得值得的事都要不留余力的去做
01-03 5917
Error:(52, 13) Failed to resolve: com.github.franmontiel:PersistentCookieJar:v1.0.1 1.在github中https://github.com/franmontiel/PersistentCookieJar的第一步记载中需先在project的gradle中加入 allprojects { repositori...
Android+Java EE设备监控与台站信息管理系统设计
"基于Android+Java EE的设备监测和台站设备信息管理系统.pdf" 该文档讲述了构建一个基于Android移动客户端和Java EE服务器端的设备监测与台站设备信息管理系统的过程。以下是对关键知识点的详细说明： **2.4章节中...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

雪の星空朝酱

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值