Android寒假实训云笔记总结——欢迎页

Posted 2020-06-11

欢迎页使用的是viewpager，需要适配器。

注意点：

1、判断是否是第一次进入这个app。

2、欢迎页小圆点的逻辑。

实现原理：

首先在activity_welcome放入viewpager和固定四个小圆点的图片在下方。

viewpager用于存放多张欢迎页的图。

welcome_selectoer用于当在哪一页对应的小圆点为灰色状态。即设置成不可点时状态为灰色。

viewpager的内容为静态加载进去。

如图：

直接贴代码，代码都有注释：

 WelcomeActivity.java

package com.app.note.activity;
import android.app.Activity;
import android.content.Context;
import android.content.Intent;
import android.content.SharedPreferences;
import android.os.Bundle;
import android.support.v4.view.ViewPager;
import android.util.Log;
import android.view.Display;
import android.view.View;
import com.app.note.R;
import com.app.note.adapter.WelcomeAdapter;
import android.support.v4.view.ViewPager.OnPageChangeListener;
import android.view.Window;
import android.view.WindowManager;
import android.view.animation.Animation;
import android.view.animation.ScaleAnimation;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.LinearLayout;
import java.util.ArrayList;
import java.util.List;
import java.util.logging.Handler;

public class WelcomeActivity extends Activity implements OnPageChangeListener,View.OnClickListener {
    private ViewPager viewPager;
    private List<View> viewList;
    private View view1, view2, view3, view4;
    private ImageView points[];//存放小圆圈数组
    private int currentIndex=0;//当前页面,默认首页
    private Button startButton;
    private Boolean isFirstIn = false;
    private SharedPreferences pref;
    private ImageView doge;


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        //将图片设置为全屏
        getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN, WindowManager.LayoutParams.FLAG_FULLSCREEN);
        //隐藏标题栏
        this.requestWindowFeature(Window.FEATURE_NO_TITLE);
        //判断是否第一次使用app
        //第一个参数是文件名，第二参数是操作模式
       /* Context.MODE_PRIVATE：为默认操作模式，代表该文件是私有数据，只能被应用本身访问，在该模式下，写入的内容会覆盖原文件的内容，如果想把新写入的内容追加到原文件中。可以使用Context.MODE_APPEND
        Context.MODE_APPEND：模式会检查文件是否存在，存在就往文件追加内容，否则就创建新文件。
        Context.MODE_WORLD_READABLE和Context.MODE_WORLD_WRITEABLE用来控制其他应用是否有权限读写该文件。
        MODE_WORLD_READABLE：表示当前文件可以被其他应用读取；
        MODE_WORLD_WRITEABLE：表示当前文件可以被其他应用写入。*/
        pref = getApplicationContext().getSharedPreferences("FirstOrNo", 0 );
        isFirstIn = pref.getBoolean("isFirstIn",true);
        if(isFirstIn)
        {
            setContentView(R.layout.activity_welcome);
            initViewPager();//初始化ViewPager对象
            initPoint();//初始化导航小圆点
            changefirst();
        }else {

                    Intent intent = new Intent(WelcomeActivity.this, LoginActivity.class);
                    startActivity(intent);
                    finish();    }}

    private void changefirst(){
        pref = getApplicationContext().getSharedPreferences("FirstOrNo",0);
        SharedPreferences.Editor editor = pref.edit();
        editor.putBoolean("isFirstIn", false);
        editor.commit();
    }

    private void initPoint() {
        LinearLayout  linearLayout=(LinearLayout) findViewById(R.id.ll);
        points=new ImageView[4];
        for(int i=0;i<points.length;i++){
            points[i]=(ImageView) linearLayout.getChildAt(i);//遍历LinearLayout下的所有ImageView子节点
            points[i].setEnabled(true);//设置当前状态为允许（可点，灰色）
            //设置点击监听
            points[i].setOnClickListener(this);

            //额外设置一个标识符，以便点击小圆点时跳转对应页面
            points[i].setTag(i);//标识符与圆点顺序一致
        }

        currentIndex=0;
        points[currentIndex].setEnabled(false);//设置首页为当前页(小点着色,蓝色)
        startButton.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Intent intent = new Intent(WelcomeActivity.this,LoginActivity.class);
                startActivity(intent);
                finish();

            }
        });



    }


    private void initViewPager() {
        viewPager=(ViewPager) findViewById(R.id.viewpager);//取得ViewPager实例
        viewList=new ArrayList<View>();//实例化list集合
        startButton=(Button)findViewById(R.id.startbutton);
        //用xml静态添加view
        view1=View.inflate(WelcomeActivity.this, R.layout.view1, null);
        view2=View.inflate(WelcomeActivity.this, R.layout.view2, null);
        view3=View.inflate(WelcomeActivity.this, R.layout.view3, null);
        view4=View.inflate(WelcomeActivity.this, R.layout.view4, null);

        viewList.add(view1);
        viewList.add(view2);
        viewList.add(view3);
        viewList.add(view4);



        //设置适配器
        WelcomeAdapter adapter=new WelcomeAdapter(viewList);

        //绑定适配器
        viewPager.setAdapter(adapter);

        //设置页卡切换监听
        viewPager.setOnPageChangeListener(this);

    }

    @Override
    public void onPageScrollStateChanged(int arg0) {

    }

    @Override
    public void onPageScrolled(int arg0, float arg1, int arg2) {

    }

    @Override
    public void onPageSelected(int position ) {//当前页卡被选择时,position为当前页数
        //当滑动到最后一页时隐藏点
        if(position==3){
            for (int i=0;i<=position;i++)
            {
                points[i].setVisibility(View.GONE);
            }
            startButton.setEnabled(true);
            startButton.setVisibility(View.VISIBLE);
        }
        //当从最后一页往回滑的时候把点显示出来
        if(currentIndex==3){
            for (int i=0;i<=currentIndex;i++)
            {
                points[i].setVisibility(View.VISIBLE);
            }
            startButton.setEnabled(false);
            startButton.setVisibility(View.GONE);
        }
        points[position].setEnabled(false);//不可点
        points[currentIndex].setEnabled(true);//恢复之前页面状态
        currentIndex=position;

    }

    @Override
    public void onClick(View v) {
        viewPager.setCurrentItem((int) v.getTag());
    }

}

 

适配器WelcomeAdapter.java

package com.app.note.adapter;

import android.support.v4.view.PagerAdapter;
import android.view.View;
import android.view.ViewGroup;

import java.util.List;

/**
 * Created by hxdn on 2015/12/29.
 */
public class WelcomeAdapter extends PagerAdapter {
    private List<View> list;

    public WelcomeAdapter(List<View> list) {// 利用构造器接收list集合参数
        this.list = list;
    }

    @Override
    public int getCount() {// 返回页卡数量
        if (list.size() != 0) {
            return list.size();
        }
        return 0;
    }

    @Override
    public boolean isViewFromObject(View arg0, Object arg1) {//判断是否为view对象
        return arg0==arg1;//官方demo给出的建议写法
    }

    @Override
    public Object instantiateItem(ViewGroup container, int position) {//实例化一个页卡，view对象存放在ViewGroup里
        container.addView(list.get(position));
        return list.get(position);
    }

    @Override
    public void destroyItem(ViewGroup container, int position, Object object) {//销毁一个页卡
        container.removeView(list.get(position));
    }

}

　　布局代码：activity_welcome.xml

 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"

    tools:context="com.app.note.activity.WelcomeActivity">

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

    <LinearLayout
        android:id="@+id/ll"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"
        android:layout_marginBottom="20dp"
        android:orientation="horizontal" >

        <ImageView
            android:id="@+id/iv1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_vertical"
            android:clickable="true"
            android:padding="25dp"
            android:src="@drawable/welcome_selector" />

        <ImageView
            android:id="@+id/iv2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_vertical"
            android:clickable="true"
            android:padding="25dp"
            android:src="@drawable/welcome_selector" />

        <ImageView
            android:id="@+id/iv3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_vertical"
            android:clickable="true"
            android:padding="25dp"
            android:src="@drawable/welcome_selector" />

        <ImageView
            android:id="@+id/iv4"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_vertical"
            android:clickable="true"
            android:padding="25dp"
            android:src="@drawable/welcome_selector" />
    </LinearLayout>
    <Button
        android:id="@+id/startbutton"
        android:layout_width="160dp"
        android:layout_height="50dp"
        android:text="点击进入"
        android:textSize="20dp"
        android:textColor="@drawable/button_text"
        style="@style/btn_login"
        android:background="@drawable/bg_login_btn_qq"
        android:visibility="gone"
        android:clickable="false"
        android:layout_above="@+id/ll"
        android:layout_centerHorizontal="true" />

</RelativeLayout>

　　四个页面由于都差不多只贴其中一份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">
    <ImageView
        android:id="@+id/iv1"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_gravity="center_vertical"
        android:clickable="true"
        android:src="@drawable/welcome1"
        android:scaleType="fitXY"/>
</LinearLayout>

　　最重要的选择器的xml：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:state_enabled="true" android:drawable="@drawable/v_point_pre"
        ></item>

    <item
        android:state_enabled="false" android:drawable="@drawable/v_point_gray"
        ></item>

</selector>