Android的引导界面制作滑动切换功能(详解)

我们的主界面中的布局:

在这里插入图片描述

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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"
    tools:context=".MainActivity">
<!--在我们的android中引导界面的制作的话就是会用到我们的viewpager控件
 现在的话使用我们的界面布局的方式来实现我们的引导界面
-->
   <androidx.viewpager.widget.ViewPager
       android:id="@+id/Viewpager"
       android:layout_width="match_parent"
       android:layout_height="wrap_content"
       />

</RelativeLayout>

mainActivity.java中的代码:

package com.example.smartcity2_confire;

import androidx.annotation.NonNull;
import androidx.appcompat.app.AppCompatActivity;
import androidx.fragment.app.Fragment;
import androidx.fragment.app.FragmentActivity;
import androidx.fragment.app.FragmentManager;
import androidx.fragment.app.FragmentPagerAdapter;
import androidx.viewpager.widget.ViewPager;

import android.os.Bundle;
import android.widget.ArrayAdapter;

import java.util.ArrayList;
import java.util.List;

import Leader.Fragment1;
import Leader.Fragment2;
import Leader.Fragment3;
import Leader.Fragment4;
import Leader.Fragment5;

public class MainActivity extends AppCompatActivity {

    private List<Fragment> fragments;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //我们的fragment的话主要是我们的碎片使用我们的碎片化的管理方式
        /*
        * 第一步的话就是找到我们的viewpager控件
        * */
        //创建一个容器这个容器的话就是我们的Arraylist将我们的所有的图片都添加进去,然后的话转化成我们的成员变量
        fragments = new ArrayList<>();
        fragments.add(new Fragment1());
        fragments.add(new Fragment2());
        fragments.add(new Fragment3());
        fragments.add(new Fragment4());
        fragments.add(new Fragment5());
        ViewPager viewPager = (ViewPager) findViewById(R.id.Viewpager);
        /*
        * 第二步就是添加我们的适配器
        * */
        FragAdapter adapter = new FragAdapter(getSupportFragmentManager());
        //设定我们的适配器
        viewPager.setAdapter(adapter);
    }
    public class FragAdapter extends FragmentPagerAdapter{

        public FragAdapter(@NonNull FragmentManager fm) {
            super(fm);
        }

        @NonNull
        @Override
        public Fragment getItem(int position) {
            //通过我们的一个position到我们的集合当中获取对应的数据
            return fragments.get(position);
        }

        @Override
        public int getCount() {
            //返回数据集合中的fragment的size
            return fragments.size();
        }
    }
}

这里是我们的fragment,也就是我们的碎片:
在这里插入图片描述

package Leader;

import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

import androidx.annotation.NonNull;
import androidx.annotation.Nullable;
import androidx.fragment.app.Fragment;

import com.example.smartcity2_confire.R;

public class Fragment1 extends Fragment {
    //在我们的fragment碎片化管理的话就是会经常的使用到我们的一个方法就是我们的oncrreatview方法

    @Nullable
    @Override
    public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.fragment1,container,false);
        return view;
    }
}

在这里插入图片描述

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:background="@drawable/fragment1"
    android:layout_height="match_parent">
<!--在这个位置的话由于我们的引导界面是一张图片所以的话就是将我们的图片作为我们的背景放进去-->
</LinearLayout>

然后的话就是我们的滑动效果的制作:
然后的话我们的引导界面图片的滑动效果就制作出来了。

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值