Android_引导页圆点指示器

最新推荐文章于 2025-06-07 15:18:31 发布

原创最新推荐文章于 2025-06-07 15:18:31 发布 · 437 阅读

0 ·

CC 4.0 BY-SA版权

本文详细介绍了如何在Android应用中创建和实现引导页的圆点指示器，包括步骤、关键代码和效果展示，帮助开发者打造专业的用户引导体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

xml文件：
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout 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"
    android:orientation="vertical"
    tools:context="com.example.hyr.MainActivity">

    <android.support.v4.view.ViewPager
        android:id="@+id/vp"
        android:layout_width="match_parent"
        android:layout_height="match_parent"></android.support.v4.view.ViewPager>

    <LinearLayout
        android:id="@+id/linearlayout"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:layout_gravity="center|bottom"
        android:orientation="horizontal"></LinearLayout>

    <Button
        android:id="@+id/button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center|bottom"
        android:gravity="center"
        android:visibility="invisible"
        android:text="立即体验" />
</FrameLayout>

主页面：

package com.example.test04;

import android.content.Intent;
import android.os.Bundle;
import android.support.v4.view.ViewPager;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.view.ViewGroup;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.LinearLayout;

import java.util.ArrayList;


public class MainActivity extends AppCompatActivity implements View.OnClickListener {


    private ViewPager vp;
    private LinearLayout ln;
    private Button button;
    private ArrayList<ImageView> imageList;
    private ArrayList<ImageView> dotList;
    int [] a = {R.drawable.ww,R.drawable.rr,R.drawable.qq,R.drawable.aa};

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initView();
        initData();
        initListener();
        initAdapter();
    }




    private void initListener() {
        vp.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {
            @Override
            public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {


            }


            @Override
            public void onPageSelected(int position) {
                for (int i = 0; i < 4; i++) {
                    if (position==i){
                        dotList.get(position).setImageResource(R.drawable.no);
                    }else {
                        dotList.get(i).setImageResource(R.drawable.ok);
                    }
                    if (position==3){
                        button.setVisibility(View.VISIBLE);
                        ln.setVisibility(View.INVISIBLE);
                    }else {
                        button.setVisibility(View.INVISIBLE);
                        ln.setVisibility(View.VISIBLE);
                    }
                }
            }


            @Override
            public void onPageScrollStateChanged(int state) {


            }
        });
    }


    private void initAdapter() {
        VpAdapter adapter = new VpAdapter(imageList);
        vp.setAdapter(adapter);
    }


    private void initData() {
        imageList = new ArrayList<>();
        for (int i = 0; i < 4; i++) {
            ImageView imageView = new ImageView(this);
            imageView.setImageResource(a[i]);
            imageList.add(imageView);
        }


        dotList = new ArrayList<>();
        for (int i = 0; i < 4; i++) {
            ImageView imageView = new ImageView(this);
            LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);
            params.width = 30;
            params.height = 30;
            params.leftMargin = 10;
            params.rightMargin = 10;
            imageView.setLayoutParams(params);
            if (i == 0) {
                imageView.setImageResource(R.drawable.no);
            } else {
                imageView.setImageResource(R.drawable.ok);
            }
            dotList.add(imageView);
            ln.addView(imageView);
        }
    }


    private void initView() {
        vp = (ViewPager) findViewById(R.id.vp);
        ln = (LinearLayout) findViewById(R.id.ln);
        button = (Button) findViewById(R.id.button);

        button.setOnClickListener(this);
    }

    @Override
    public void onClick(View v) {
        switch (v.getId()) {
            case R.id.button:
                Intent intent = new Intent(MainActivity.this,TiaozhuanActivity.class);
                startActivity(intent);
                break;
        }
    }
}