一个简单的滑动显示demo

之前无聊的时候写的一个滑动demo，用的是根据滑动距离计算位置重新布局的方式，在这里分享一下
话不多说，先上效果图

可能看上去有点卡顿，其实是我想表达拉到一点点，然后松开，可以直接恢复的效果

下面就是上代码了
基类
 

package cn.ALeeCJ.learningproject;

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

public abstract class BaseActivity extends Activity implements View.OnClickListener {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView();
        init();
        addListener();
    }

    protected abstract void setContentView();

    protected abstract void init();

    protected abstract void addListener();

    protected void back(){
        finish();
    }

    @Override
    public void onClick(View v){}
}

实现类

package cn.ALeeCJ.learningproject.simple_slide_learning;

import android.os.Handler;
import android.text.TextUtils;
import android.view.MotionEvent;
import android.view.View;
import android.widget.Button;
import android.widget.RelativeLayout;
import android.widget.TextView;

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

import cn.ALeeCJ.learningproject.BaseActivity;
import cn.ALeeCJ.learningproject.R;

import static android.view.MotionEvent.ACTION_DOWN;
import static android.view.MotionEvent.ACTION_MOVE;
import static android.view.MotionEvent.ACTION_UP;

public class SimpleSlideView extends BaseActivity implements View.OnTouchListener {

    private RelativeLayout rlFace;
    private TextView tv1;
    private TextView tvCos;
    private View vShade;
    private TextView tvYouAre;
    private RelativeLayout rlBase;
    private Handler mHandler;
    private float mLastY;
    private float maxBottomMargin;
    private List cosList = new ArrayList<>();

    @Override
    protected void setContentView(){
        setContentView(R.layout.simple_slide_view);
    }

    @Override
    protected void init(){
        initCosList();
        ((TextView)findViewById(R.id.tvTitle)).setText("简单滑动测试");
        Button btnOpt = (Button) findViewById(R.id.btnOpt);
        btnOpt.setVisibility(View.VISIBLE);
        btnOpt.setText("退出");
        btnOpt.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                finish();
            }
        });
        findViewById(R.id.ibBack).setVisibility(View.GONE);
        mHandler = new Handler();
        rlFace = (RelativeLayout) findViewById(R.id.rlFace);
        rlBase = (RelativeLayout) findViewById(R.id.rlBase);
        tv1 = (TextView) findViewById(R.id.tv1);
        tvCos = (TextView) findViewById(R.id.tvCos);
        vShade = findViewById(R.id.vShade);
        tvYouAre = (TextView) findViewById(R.id.tvYouAre);
        mHandler.postDelayed(shineRunnable, 500);
        mHandler.postDelayed(changeTextRunnable, 200);
        maxBottomMargin = getPxFromDp(370);
    }

    private void initCosList(){
        cosList.add("小米姑娘");
        cosList.add("三及第");
        cosList.add("七号餐厅");
        cosList.add("韬乐园");
        cosList.add("棒棒鸡");
        cosList.add("黄焖鸡");
        cosList.add("紫煲饭");
        cosList.add("兰州拉面");
        cosList.add("车仔面");
        cosList.add("新店");
    }

    private int getPxFromDp(int dp){
        float d = getResources().getDisplayMetrics().density;
        return (int)(d * dp + 0.5f);
    }

    private Runnable changeTextRunnable = new Runnable() {
        @Override
        public void run() {
            if(vShade.getVisibility() == View.GONE){
                tvCos.setText(cosList.get(getRandom()));
            }
            mHandler.postDelayed(this, 200);
        }
    };

    private int getRandom(){
        return new Random().nextInt(cosList.size() - 1);
    }

    private Runnable shineRunnable = new Runnable() {
        @Override
        public void run() {
            if(TextUtils.isEmpty(tv1.getText().toString().trim())){
                tv1.setText("上滑揭晓");
            }else{
                tv1.setText("");
            }
            mHandler.postDelayed(this, 500);
        }
    };

    @Override
    protected void addListener(){
        rlFace.setOnTouchListener(this);
        rlBase.setOnTouchListener(this);
    }

    @Override
    public boolean onTouch(View v, MotionEvent event){
        RelativeLayout.LayoutParams rlp = (RelativeLayout.LayoutParams) rlFace.getLayoutParams();
        RelativeLayout.LayoutParams textlp = (RelativeLayout.LayoutParams) tvYouAre.getLayoutParams();
        int action = event.getAction();
        switch (action){
            case ACTION_DOWN:
                mLastY = event.getRawY();
                return true;
            case ACTION_MOVE:
                float moveY = event.getRawY() - mLastY;
                mLastY = event.getRawY();
                float finishY = rlp.bottomMargin - moveY;
                if(finishY < 0){
                    rlp.bottomMargin = 0;
                    rlp.topMargin = 0;
                    textlp.bottomMargin = 0;
                    textlp.topMargin = 0;
                    vShade.setVisibility(View.GONE);
                }else{
                    if(finishY > maxBottomMargin){
                        rlp.bottomMargin = (int)maxBottomMargin;
                        rlp.topMargin = (int)-maxBottomMargin;
                        textlp.bottomMargin = (int)-maxBottomMargin;
                        textlp.topMargin = (int)maxBottomMargin;
                        vShade.setVisibility(View.VISIBLE);
                    }else{
                        rlp.bottomMargin -= moveY;
                        rlp.topMargin += moveY;
                        textlp.bottomMargin += moveY;
                        textlp.topMargin -= moveY;
                        vShade.setVisibility(View.VISIBLE);
                    }
                }
                tvYouAre.requestLayout();
                rlFace.requestLayout();
                return true;
            case ACTION_UP:
                if(rlp.bottomMargin < (maxBottomMargin / 2)){
                    rlp.topMargin = 0;
                    rlp.bottomMargin = 0;
                    textlp.topMargin = 0;
                    textlp.bottomMargin = 0;
                    vShade.setVisibility(View.GONE);
                }else{
                    rlp.topMargin = (int)-maxBottomMargin;
                    rlp.bottomMargin = (int)maxBottomMargin;
                    textlp.bottomMargin = (int)-maxBottomMargin;
                    textlp.topMargin = (int)maxBottomMargin;
                    vShade.setVisibility(View.VISIBLE);
                }
                tvYouAre.requestLayout();
                rlFace.requestLayout();
                return true;
            default:
                return false;
        }
    }

    @Override
    protected void onDestroy(){
        mHandler.removeCallbacksAndMessages(null);
        super.onDestroy();
    }
}

布局文件

上面就是这个小demo的所有代码了，比较简单，就没写什么注释了