Android 简单炫酷的UI界面 之欢迎界面

1.将启动图片splash.png，放置在res->drawable-hdpi文件夹中。
2新建布局文件splash.xml

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:id="@+id/mainFrame"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:background="#ffffff" >    <include        android:id="@+id/include_main"        layout="@layout/activity_main" />    <com.example.testdemo.PullDoorView        android:id="@+id/myImage"        android:layout_width="match_parent"        android:layout_height="match_parent"        android:background="#ddd" >        <TextView            android:id="@+id/tv_hint"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:layout_alignParentBottom="true"            android:layout_centerHorizontal="true"            android:layout_marginBottom="10dp"            android:text="上滑可以进入首页"            android:textColor="#ffffffff"            android:textSize="18sp" />    </com.example.testdemo.PullDoorView></FrameLayout>

3.新建PullDoorView类，实现RelativeLayout

package com.example.testdemo;import android.annotation.SuppressLint;import android.content.Context;import android.graphics.Color;import android.graphics.drawable.Drawable;import android.util.AttributeSet;import android.util.DisplayMetrics;import android.view.MotionEvent;import android.view.View;import android.view.WindowManager;import android.view.animation.BounceInterpolator;import android.view.animation.Interpolator;import android.widget.ImageView;import android.widget.RelativeLayout;import android.widget.Scroller;/** *  * @author jiang-H *  */public class PullDoorView extends RelativeLayout {    private Context mcontext;    private Scroller scroller;    private ImageView imageView;    private int CY;    private int DY;    private int LDY = 0;    private int screenWidth = 0;    private int screenHeigh = 0;    private boolean closeFlag = false;    public PullDoorView(Context context) {        super(context);        mcontext = context;        setupView();    }    public PullDoorView(Context context, AttributeSet attrs) {        super(context, attrs);        mcontext = context;        setupView();    }    @SuppressLint("NewApi")    private void setupView() {        // 将Interpolator设置成有弹跳效果        Interpolator polator = new BounceInterpolator();        scroller = new Scroller(mcontext, polator);        // 获取屏幕分辨率        WindowManager windowManager = (WindowManager) (mcontext                .getSystemService(Context.WINDOW_SERVICE));        DisplayMetrics displayMetrics = new DisplayMetrics();        windowManager.getDefaultDisplay().getMetrics(displayMetrics);        screenHeigh = displayMetrics.heightPixels;        screenWidth = displayMetrics.widthPixels;        // 设置成透明背景        this.setBackgroundColor(Color.argb(0, 0, 0, 0));        imageView = new ImageView(mcontext);        imageView.setLayoutParams(new LayoutParams(LayoutParams.MATCH_PARENT,                LayoutParams.MATCH_PARENT));        imageView.setScaleType(ImageView.ScaleType.FIT_XY);// 填充整个屏幕        imageView.setImageResource(R.drawable.splash); // 默认背景        addView(imageView);    }    // 设置推动门背景    public void setBgImage(int id) {        imageView.setImageResource(id);    }    // 设置推动门背景    public void setBgImage(Drawable drawable) {        imageView.setImageDrawable(drawable);    }    // 设置推动门的动画    public void startBounceAnim(int startY, int dy, int duration) {        scroller.startScroll(0, startY, 0, dy, duration);        invalidate();    }    @Override    public boolean onTouchEvent(MotionEvent event) {        int action = event.getAction();        switch (action) {        case MotionEvent.ACTION_DOWN:            LDY = (int) event.getY();            return true;        case MotionEvent.ACTION_MOVE:            CY = (int) event.getY();            DY = CY - LDY;            // 上滑有效            if (DY < 0) {                scrollTo(0, -DY);            }            break;        case MotionEvent.ACTION_UP:            CY = (int) event.getY();            DY = CY - LDY;            if (DY < 0) {                if (Math.abs(DY) > screenHeigh / 2) {                    // 向上滑动超过半个屏幕高度时动画消失                    startBounceAnim(this.getScrollY(), screenHeigh, 450);                    closeFlag = true;                } else {                    // 向上滑动未超过半个屏幕高度时开启向下弹动动画                    startBounceAnim(this.getScrollY(), -this.getScrollY(), 1000);                }            }            break;        }        return super.onTouchEvent(event);    }    @Override    public void computeScroll() {        if (scroller.computeScrollOffset()) {            scrollTo(scroller.getCurrX(), scroller.getCurrY());            // 更新界面            postInvalidate();        } else {            if (closeFlag) {                this.setVisibility(View.GONE);            }        }    }}

4.在MainActivity里，实现onCreate方法

 protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        requestWindowFeature(Window.FEATURE_NO_TITLE);        setContentView(R.layout.activity_splash);    }

这样就完成了上滑界面了，快去试试吧！