Android APP引导页制作

       Android的APP应用中最常用的APP启动引导页,常见的4种引导项目方式:splash,viewpage,viewflipper,scrollview。本文就其中一种方式(viewpager)来对app引导页进行制作。

    接下来就要对布局的资源进行配置需要适配器,适配器的配置代码如下所示:

public class MyViewPagerAdapter extends PagerAdapter {
    private List<LinearLayout> linearLayoutList;

    public MyViewPagerAdapter(List<LinearLayout> linearLayoutList) {
        this.linearLayoutList = linearLayoutList;
    }

    @Override
    public int getCount() {
        return linearLayoutList.size();
    }

    @Override
    public boolean isViewFromObject(View view, Object object) {
        return view==object;
    }

    @Override
    public Object instantiateItem(ViewGroup container, int position) {
        container.addView(linearLayoutList.get(position));
        return linearLayoutList.get(position);
    }

    @Override
    public void destroyItem(ViewGroup container, int position, Object object) {
        container.removeView(linearLayoutList.get(position));
    }
}
 然后对MainActivity的代码进行编写,代码里都有具体的步骤的注释,我就不再写了。

public class MainActivity extends AppCompatActivity {

    private ViewPager viewPager;
    private ArrayList<LinearLayout> linearLayoutList;
    private LinearLayout linearLayout;
    private int currentIndex;
    private MyViewPagerAdapter adapter;
    private ArrayList<ImageView> imageViewList;
    private int[] images={R.drawable.a,R.drawable.b,R.drawable.c};
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //初始化viewpager
        initViewPager();
        //初始化page
        initPage();

       
        adapter=new MyViewPagerAdapter(linearLayoutList);
        viewPager.setAdapter(adapter);

        viewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
            /**
             * 表示滑动当前页,但是还没有到达下一页
             * @param position 表示当前页的位置
             * @param positionOffset 表示滑动的位移量(偏移量),数值范围为[0,1)
             * @param positionOffsetPixels 滑动的偏移量,用像素值来表示
             */
            @Override
            public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

            }

            /**
             * 表示选择的当前页
             * @param position 当前页的位置
             */
            @Override
            public void onPageSelected(int position) {
                imageViewList.get(currentIndex).setEnabled(false);
                imageViewList.get(position).setEnabled(true);
                currentIndex=position;
            }

            /**
             * 当前页的滑动状态改变时回调的方法
             * @param state 当前的状态
             * SCROLL_STATE_DRAGGING 表示滑动状态
             * SCROLL_STATE_IDLE 表示静止状态
             * SCROLL_STATE_SETTLING 表示停止状态
             */
            @Override
            public void onPageScrollStateChanged(int state) {

            }
        });
        //初始化布局
        initLinearLayout();

    }
     
    private void initPage() {
        linearLayoutList=new ArrayList<LinearLayout>();
        for (int i = 0; i <3 ; i++) {
            LinearLayout linearLayout=new LinearLayout(this);
            linearLayout.setLayoutParams(new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT,
                    ViewGroup.LayoutParams.MATCH_PARENT));
            linearLayout.setBackgroundResource(images[i]);
            linearLayoutList.add(linearLayout);
        }
    }

    private void initLinearLayout() {
        linearLayout=(LinearLayout)findViewById(R.id.linearlayout);
        imageViewList=new ArrayList<ImageView>();
        for (int i=0;i<linearLayoutList.size();i++){
            ImageView imageView= (ImageView) linearLayout.getChildAt(i);
            imageView.setEnabled(false);
            imageViewList.add(imageView);
        }
        imageViewList.get(0).setEnabled(true);
        currentIndex=0;
    }

    private void initViewPager() {
        viewPager=(ViewPager)findViewById(R.id.viewpager);
    }


}</span>

   最后运行的效果图如下所示:



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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值