实现左右滑动跳转页面 (父类 及其实现类)

另外两个抽象方法是在页面上添加的按钮实现按钮点击之后页面的跳转;具体代码如下;

package com.xu.shoujiweishi.activity;

import android.app.Activity;
import android.os.Bundle;
import android.view.GestureDetector;
import android.view.MotionEvent;
import android.view.View;

public  abstract  class BaseActivity extends Activity {
    private GestureDetector mGestureDetector ;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        // TODO Auto-generated method stub
        super.onCreate(savedInstanceState);
        mGestureDetector=new GestureDetector(this, new GestureDetector.SimpleOnGestureListener(){
            @Override
            public boolean onFling(MotionEvent e1, MotionEvent e2,
                    float velocityX, float velocityY) {
                if (e1.getRawX()-e2.getRawX()>100) {
                    nextPage();
                }else if (e2.getRawX()-e1.getRawX()>100) {
                    prePage();

                }
                return super.onFling(e1, e2, velocityX, velocityY);
            }
        });


    }
    @Override
    public boolean onTouchEvent(MotionEvent event) {
        mGestureDetector.onTouchEvent(event);
        return super.onTouchEvent(event);
    }
    public  void nextpage(View view){
        nextPage();

    };
    public  void prepage(View view){

         prePage();
    };
    public abstract void nextPage();
    public abstract void prePage();

}

以下是子类的具体实现;

package com.xu.shoujiweishi.activity;

import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.view.View;

import com.xu.shouji.R;

public class SetUp1Activity extends BaseActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_set_up1);
    }

    @Override
    public void nextPage() {
        // TODO Auto-generated method stub
        Intent intent = new Intent(this, SetUp2Activity.class);
        startActivity(intent);
        finish();
        overridePendingTransition(R.anim.next_in, R.anim.next_out);
        // TODO Auto-generated method stub

    }

    @Override
    public void prePage() {//第一个界面没有上一页面;所以就不进行具体实现了;


    }

}

第二个界面

package com.xu.shoujiweishi.activity;

import android.app.Activity;
import android.app.Service;
import android.content.Context;
import android.content.Intent;
import android.os.Bundle;
import android.support.annotation.BoolRes;
import android.telephony.TelephonyManager;
import android.text.TextUtils;
import android.view.View;
import android.view.View.OnClickListener;

import com.xu.shouji.R;
import com.xu.shoujiweishi.util.ConstantValue;
import com.xu.shoujiweishi.util.SpUtil;
import com.xu.shoujiweishi.util.ToastUtil;
import com.xu.shoujiweishi.view.SettingItemView;

public class SetUp2Activity extends BaseActivity {
    private SettingItemView siv;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        // TODO Auto-generated method stub
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_set_up2);
        initUI();

    }

    private void initUI() {
        // TODO Auto-generated method stub
        siv = (SettingItemView) findViewById(R.id.siv_sim_bound);
        // 回显;
        String sim_no = SpUtil.getString(this, ConstantValue.SIM_NO, "");
        if (TextUtils.isEmpty(sim_no)) {
            siv.setChecked(false);
        } else {
            siv.setChecked(true);
        }
        siv.setOnClickListener(new OnClickListener() {

            @Override
            public void onClick(View v) {
                boolean ischeck = siv.isCheck();

                siv.setChecked(!ischeck);
                if (!ischeck) {
                    // 存储序列卡号
                    TelephonyManager manager = (TelephonyManager) getSystemService(Context.TELEPHONY_SERVICE);
                    String serialNumber = manager.getSimSerialNumber();
                    SpUtil.putString(getApplicationContext(),
                            ConstantValue.SIM_NO, serialNumber);

                } else {
                    // 删除序列卡号的节点;
                    SpUtil.remove(getApplicationContext(), ConstantValue.SIM_NO);
                }

            }
        });

    }





    @Override
    public void nextPage() {
        // TODO Auto-generated method stub
        String string = SpUtil.getString(this, ConstantValue.SIM_NO, "");
        if (!TextUtils.isEmpty(string)) {
            Intent intent = new Intent(this, SetUp3Activity.class);
            startActivity(intent);
            finish();
            overridePendingTransition(R.anim.next_in, R.anim.next_out);
        }else {
            ToastUtil.show(this, "请绑定手机卡号");
        }
    }

    @Override
    public void prePage() {
        // TODO Auto-generated method stub
        Intent intent = new Intent(this, SetUp1Activity.class);
        startActivity(intent);
        finish();
        overridePendingTransition(R.anim.pre_in, R.anim.pre_out);
    }

}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
实现左右滑动切换页面,可以使用uni-app提供的swiper组件,具体步骤如下: 1. 在页面中添加swiper组件: ```html <swiper :current="current" @change="swiperChange" :duration="500"> <swiper-item> <!-- 第1个页面内容 --> </swiper-item> <swiper-item> <!-- 第2个页面内容 --> </swiper-item> <swiper-item> <!-- 第3个页面内容 --> </swiper-item> </swiper> ``` 2. 在data中定义current变量,默认值为0表示当前显示第1个页面: ```js data() { return { current: 0 } } ``` 3. 在methods中添加swiperChange方法,监听swiper组件的change事件,更新current变量的值: ```js methods: { swiperChange(event) { this.current = event.detail.current; } } ``` 4. 在样式中设置swiper的宽度和高度,以及swiper-item的宽度和高度为100%: ```css swiper { width: 100%; height: 100%; } swiper-item { width: 100%; height: 100%; } ``` 5. 最后,使用touch事件监听用户的滑动操作,根据滑动的方向更新current变量的值,实现页面切换: ```js methods: { // 左右滑动切换页面 touchstart(event) { this.touchStartX = event.touches[0].pageX; }, touchend(event) { this.touchEndX = event.changedTouches[0].pageX; if (this.touchEndX - this.touchStartX > 50 && this.current > 0) { this.current--; } else if (this.touchEndX - this.touchStartX < -50 && this.current < 2) { this.current++; } } } ``` 完整代码如下: ```html <template> <swiper :current="current" @change="swiperChange" :duration="500"> <swiper-item> <!-- 第1个页面内容 --> </swiper-item> <swiper-item> <!-- 第2个页面内容 --> </swiper-item> <swiper-item> <!-- 第3个页面内容 --> </swiper-item> </swiper> </template> <script> export default { data() { return { current: 0, touchStartX: 0, touchEndX: 0 } }, methods: { swiperChange(event) { this.current = event.detail.current; }, touchstart(event) { this.touchStartX = event.touches[0].pageX; }, touchend(event) { this.touchEndX = event.changedTouches[0].pageX; if (this.touchEndX - this.touchStartX > 50 && this.current > 0) { this.current--; } else if (this.touchEndX - this.touchStartX < -50 && this.current < 2) { this.current++; } } } } </script> <style> swiper { width: 100%; height: 100%; } swiper-item { width: 100%; height: 100%; } </style> ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值