android 滑動解鎖實現

剛剛跟着傳智播客的黎活明老師的視頻學習了android，很想做一個自己的鎖屏軟件

網上翻看了一些資料，自己也琢磨了一些，把心得體會寫下來也算是一個回顧

1.效果圖

這是我機器上的效果圖

2.源碼和解釋（我覺得還是貼一些源碼好說明問題）

2.1 主顯示的LockScreenActivity.java

 

package com.lihua.lockscreen;

import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.os.Vibrator;
import android.app.Activity;
import android.content.Context;
import android.content.Intent;
import android.util.Log;
import android.view.KeyEvent;
import android.view.Window;
import android.view.WindowManager;
import android.widget.Toast;

public class LockScreenActivity extends Activity {
    private final String TAG = "LockScreenActivity";
    private SliderRelativeLayout sliderRelativeLayout;
    public static int MSG_LOCK_SUCESS = 1;
    
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        
        requestWindowFeature(Window.FEATURE_NO_TITLE); //不要title
        getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN, 
                WindowManager.LayoutParams.FLAG_FULLSCREEN); //全屏顯示
        
        setContentView(R.layout.activity_lock_screen);
        
        sliderRelativeLayout = (SliderRelativeLayout) findViewById(R.id.sliderLayout);
        sliderRelativeLayout.setMainHandler(handler);
        sliderRelativeLayout.getBackground().setAlpha(180); //設置背景的透明度
        
        startService(new Intent(LockScreenActivity.this, LockScreenService.class)); //這里要顯示的調用服務
    }
    
    private Handler handler = new Handler(){
        @Override
        public void handleMessage(Message msg) {
            if(MSG_LOCK_SUCESS == msg.what){
                //Toast.makeText(getApplicationContext(), R.string.lockSuccess, 1).show();
                virbate();
                finish();
            }
        }
    };
    
    /**
     * 震動
     */
    private void virbate(){
        Vibrator vibrator = (Vibrator) this.getSystemService(Context.VIBRATOR_SERVICE);
        vibrator.vibrate(200);
    }
    
    /**
     * 屏蔽掉Home鍵
     */
    @Override
    public void onAttachedToWindow() {
        this.getWindow().setType(WindowManager.LayoutParams.TYPE_KEYGUARD_DIALOG);
        super.onAttachedToWindow();
    }
    
    /**
     * 屏蔽掉返回鍵
     */
    @Override
    public boolean onKeyDown(int keyCode, KeyEvent event) {
        if(event.getKeyCode() == KeyEvent.KEYCODE_BACK){
            return true;
        } else {
            return super.onKeyDown(keyCode, event);
        }
    }
}

 2.2 主布局文件activity_lock_screen.xml

<RelativeLayout xmlns:tools="http://schemas.android.com/tools"
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@drawable/bg"
    tools:context=".LockScreenActivity" >
    <com.lihua.lockscreen.SliderRelativeLayout 
        android:id="@+id/sliderLayout"
        android:layout_height="66dp"
        android:layout_width="fill_parent"
        android:layout_marginTop="400dp"
        android:background="@drawable/lockbg">
        
        <RelativeLayout 
            android:id="@+id/relativeLayout1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            android:layout_centerHorizontal="true"
            android:layout_centerVertical="true">
            <ImageView 
                android:id="@+id/leftRing"
                android:layout_width="wrap_content"
                   android:layout_height="wrap_content"
                   android:src="@drawable/circlebg"/>

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerHorizontal="true"
                android:layout_centerVertical="true"
                android:text="@string/li"
                android:textColor="#FF0000" />
        </RelativeLayout>
        <RelativeLayout 
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:layout_centerHorizontal="true"
            android:layout_centerVertical="true" >
            <ImageView 
                android:id="@+id/rightRing"
                android:layout_width="wrap_content"
                   android:layout_height="wrap_content"
                   android:src="@drawable/circlebg"/>

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerHorizontal="true"
                android:layout_centerVertical="true"
                android:text="@string/shuang"
                android:textColor="#FF0000" />
        </RelativeLayout>
        <RelativeLayout
            android:layout_width="222dp"
            android:layout_height="wrap_content"
            android:layout_marginLeft="50dp"
            >

            <ImageView
                android:id="@+id/loveView"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentLeft="true"
                android:layout_alignParentTop="true"
                android:src="@drawable/love" />

        </RelativeLayout>

        

    </com.lihua.lockscreen.SliderRelativeLayout>
</RelativeLayout>

2.3 自定義布局類SliderRelativeLayout.java

package com.lihua.lockscreen;

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Rect;
import android.os.Handler;
import android.util.AttributeSet;
import android.util.Log;
import android.view.MotionEvent;
import android.view.View;
import android.view.WindowManager;
import android.widget.ImageView;
import android.widget.RelativeLayout;

public class SliderRelativeLayout extends RelativeLayout {
    private final static String TAG = "SliderRelativeLayout";
    private Context context;
    private Bitmap dragBitmap = null; //拖拽圖片
    private int locationX = 0; //bitmap初始繪圖位置，足夠大，可以認為看不見
    private ImageView heartView = null; //主要是獲取相對布局的高度
    private ImageView leftRingView = null;
    private ImageView rightRingView = null;
    private Handler handler = null; //信息傳遞
    private static int BACK_DURATION = 10 ;   // 回退動畫時間間隔值  20ms
    private static float VE_HORIZONTAL = 0.9f ;  // 水平方向前進速率 0.1dip/ms
    
    public SliderRelativeLayout(Context context) {
        super(context); 
        SliderRelativeLayout.this.context = context;
        intiDragBitmap();
    }
    
    public SliderRelativeLayout(Context context, AttributeSet attrs) {
        super(context, attrs, 0);
        SliderRelativeLayout.this.context = context;
        intiDragBitmap();
    }

    public SliderRelativeLayout(Context context, AttributeSet attrs,
            int defStyle) {
        super(context, attrs, defStyle);
        SliderRelativeLayout.this.context = context;
        intiDragBitmap();
    }

    /**
     * 得到拖拽圖片
     */
    private void intiDragBitmap() {
        if(dragBitmap == null){
            dragBitmap = BitmapFactory.decodeResource(context.getResources(),R.drawable.love);
        }
    }
    
    /**
     * 這個方法里可以得到一個其他資源
     */
    @Override
    protected void onFinishInflate() {
        super.onFinishInflate();
        heartView = (ImageView) findViewById(R.id.loveView);
        leftRingView = (ImageView) findViewById(R.id.leftRing);
        rightRingView = (ImageView) findViewById(R.id.rightRing);
    }

    /**
     * 對拖拽圖片不同的點擊事件處理
     */
    @Override
    public boolean onTouchEvent(MotionEvent event) {
        int X = (int) event.getX();

        switch (event.getAction()) {
        case MotionEvent.ACTION_DOWN: 
            locationX = (int) event.getX();
            Log.i(TAG, "是否點擊到位=" + isActionDown(event));
            return isActionDown(event);//判斷是否點擊了滑動區域
            
        case MotionEvent.ACTION_MOVE: //保存x軸方向，繪制圖畫
            locationX = X;
            invalidate(); //重新繪圖
            return true;
            
        case MotionEvent.ACTION_UP: //判斷是否解鎖成功
            if(!isLocked()){ //沒有解鎖成功,動畫應該回退
                handleActionUpEvent(event); //動畫回退
            }
            return true;
        }
        return super.onTouchEvent(event);
    }
    
    /**
     * 回退動畫
     * @param event
     */
    private void handleActionUpEvent(MotionEvent event) {
        int x = (int) event.getX();
        int toLeft = leftRingView.getWidth();
        
        locationX = x - toLeft;
        if(locationX >= 0){
            handler.postDelayed(ImageBack, BACK_DURATION); //回退
        }
    }

    /**
     * 未解鎖時，圖片回退
     */
    private Runnable ImageBack = new Runnable() {
        @Override
        public void run() {
            locationX = locationX - (int) (VE_HORIZONTAL*BACK_DURATION);
            if(locationX >= 0){
                handler.postDelayed(ImageBack, BACK_DURATION); //回退
                invalidate();
            }
        }
    };
    
    /**
     * 判斷是否點擊到了滑動區域
     * @param event
     * @return
     */
    private boolean isActionDown(MotionEvent event) {
        Rect rect = new Rect();
        heartView.getHitRect(rect);
        boolean isIn = rect.contains((int)event.getX()-heartView.getWidth(), (int)event.getY());
        if(isIn){
            heartView.setVisibility(View.GONE);
            return true;
        }
        return false;
    }
    
    /**
     * 繪制拖動時的圖片
     */
    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        invalidateDragImg(canvas);
    }
    
    /**
     * 圖片隨手勢移動
     * @param canvas
     */
    private void invalidateDragImg(Canvas canvas) { 
        int drawX = locationX - dragBitmap.getWidth();
        int drawY = heartView.getTop();
        
        if(drawX < leftRingView.getWidth()){ //划到最左邊
            heartView.setVisibility(View.VISIBLE);
            return;
        } else {
            if(isLocked()){ //判斷是否成功
                return;
            }
            heartView.setVisibility(View.GONE);
            canvas.drawBitmap(dragBitmap, drawX < 0 ? 5 : drawX,drawY,null);
        }
    }
    
    /**
     * 判斷是否解鎖
     */
    private boolean isLocked(){
        if(locationX > (getScreenWidth() - rightRingView.getWidth())){
            handler.obtainMessage(LockScreenActivity.MSG_LOCK_SUCESS).sendToTarget();
            return true;
        }
        return false;
    }
    
    /**
     * 獲取屏幕寬度
     * @return
     */
    private int getScreenWidth(){
        WindowManager manager = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);
        int width = manager.getDefaultDisplay().getWidth();
        return width;
    }
    
    /**
     * 與主activity通信
     * @param handler
     */
    public void setMainHandler(Handler handler){
        this.handler = handler;
    }
}

2.4 開機廣播 LockScreenReceiver.java

package com.lihua.lockscreen;

import android.app.KeyguardManager;
import android.content.BroadcastReceiver;
import android.content.Context;
import android.content.Intent;
import android.util.Log;

/**
 * 開機廣播，啟動activity
 * @author lihua
 *
 */
public class LockScreenReceiver extends BroadcastReceiver {
    private final static String TAG = "LockScreenReceiver";
    private KeyguardManager keyguardManager = null;
    private KeyguardManager.KeyguardLock keyguardLock = null;
    
    @Override
    public void onReceive(Context context, Intent intent) {
        if(intent.getAction().equals(Intent.ACTION_BOOT_COMPLETED)){
            Intent mIntent = new Intent(context, LockScreenActivity.class);
            mIntent.addFlags(Intent.FLAG_ACTIVITY_NEW_TASK);

            keyguardManager = (KeyguardManager) context.getSystemService(Context.KEYGUARD_SERVICE);
            keyguardLock = keyguardManager.newKeyguardLock("");
            keyguardLock.disableKeyguard(); 
            
            context.startActivity(mIntent);
        }
    }

}

2.5 監聽服務 LockScreenService.java

package com.lihua.lockscreen;

import android.app.KeyguardManager;
import android.app.Service;
import android.content.BroadcastReceiver;
import android.content.Context;
import android.content.Intent;
import android.content.IntentFilter;
import android.os.IBinder;
import android.util.Log;

public class LockScreenService extends Service {
    private final static String TAG = "LockScreenService";
    private Intent lockIntent;
    private KeyguardManager keyguardManager = null;
    private KeyguardManager.KeyguardLock keyguardLock = null;
    
    @Override
    public IBinder onBind(Intent arg0) {
        return null;
    }

    @Override
    public void onCreate() {
        super.onCreate();

        lockIntent = new Intent(LockScreenService.this, LockScreenActivity.class);
        lockIntent.addFlags(Intent.FLAG_ACTIVITY_NEW_TASK);
        
        //注冊廣播
        IntentFilter mScreenOffFilter = new IntentFilter(Intent.ACTION_SCREEN_OFF);
        LockScreenService.this.registerReceiver(mScreenOffReceiver, mScreenOffFilter);
    }

    @Override
    public void onDestroy() {
        super.onDestroy();
        LockScreenService.this.unregisterReceiver(mScreenOffReceiver);
        //重新啟動activity
        startService(new Intent(LockScreenService.this, LockScreenService.class));
    }

    @Override
    public int onStartCommand(Intent intent, int flags, int startId) {
        return Service.START_STICKY;
    }
    
    /**
     * 屏幕變亮的廣播，這里要隱藏系統的鎖屏界面
     */
    private BroadcastReceiver mScreenOffReceiver = new BroadcastReceiver() {
        @Override
        public void onReceive(Context context, Intent intent) {
            Log.i(TAG, intent.getAction());
            if(intent.getAction().equals(Intent.ACTION_SCREEN_OFF)
                    || intent.getAction().equals(Intent.ACTION_SCREEN_ON)){
                
                keyguardManager = (KeyguardManager) context.getSystemService(Context.KEYGUARD_SERVICE);
                keyguardLock = keyguardManager.newKeyguardLock("");
                keyguardLock.disableKeyguard(); //這里就是取消系統默認的鎖屏
                
                startActivity(lockIntent); //注意這里跳轉的意圖
            }
        }
    };
}

2.6 主配置文件AndroidManifest.xml

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.lihua.lockscreen"
    android:versionCode="1"
    android:versionName="1.0" >

    <uses-sdk
        android:minSdkVersion="8"
        android:targetSdkVersion="16" />

    <application
        android:allowBackup="true"
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/AppTheme" >
        <activity
            android:name="com.lihua.lockscreen.LockScreenActivity"
            android:label="@string/app_name" 
            android:launchMode="singleTask">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
        <service android:name=".LockScreenService"></service>
        <receiver android:name=".LockScreenReceiver">
            <intent-filter>
                <action android:name="android.intent.action.BOOT_COMPLETED"></action>
                <category android:name="android.intent.category.HOME"/>
            </intent-filter>
        </receiver>
    </application>
    
    <uses-permission android:name="android.permission.DISABLE_KEYGUARD"></uses-permission>
    <uses-permission android:name="android.permission.VIBRATE"></uses-permission>
    <uses-permission android:name="android.permission.RECEIVE_BOOT_COMPLETED"/>
</manifest>

3. 鎖屏思路

整個鎖屏的思路是：

注冊監聽開機的廣播

<receiver android:name=".LockScreenReceiver">
            <intent-filter>
                <action android:name="android.intent.action.BOOT_COMPLETED"></action>
                <category android:name="android.intent.category.HOME"/>
            </intent-filter>
</receiver>

接收開機廣播開啟activity，activity里開啟服務

 <service android:name=".LockScreenService"></service>

服務里監聽屏幕off和on的廣播，然后關閉系統鎖屏，開啟自己的鎖屏，最后的就是展示自己的鎖屏界面

4.軟件難點

4.1 怎么保證軟件堅決不能被關閉（關閉了就是系統鎖屏了），特別是內存管理軟件（貌似網上的說法是通過各種廣播把自己啟動起來，比如監聽電池電量變化廣播等）

4.2 怎么有良好的鎖屏效果，我的這個滑動解鎖也是參考了別人的源碼，針對不同的局部具體的方法會有所不同

4.3 滑動效果的實現

     大概說一下思路，自定義一個布局類SliderRelativeLayout，處理不同的onTouchEvent方法

@Override
    public boolean onTouchEvent(MotionEvent event) {
        int X = (int) event.getX();

        switch (event.getAction()) {
        case MotionEvent.ACTION_DOWN: 
            locationX = (int) event.getX();
            Log.i(TAG, "是否點擊到位=" + isActionDown(event));
            return isActionDown(event);//判斷是否點擊了滑動區域
            
        case MotionEvent.ACTION_MOVE: //保存x軸方向，繪制圖畫
            locationX = X;
            invalidate(); //重新繪圖
            return true;
            
        case MotionEvent.ACTION_UP: //判斷是否解鎖成功
            if(!isLocked()){ //沒有解鎖成功,動畫應該回退
                handleActionUpEvent(event); //動畫回退
            }
            return true;
        }
        return super.onTouchEvent(event);
    }

三種狀態：點擊，滑動，離開點擊

點擊的時候判斷是否是心形點擊區域，滑動的時候通過Bitmap在canvas里重繪，判斷是否到達右邊可解鎖區域，離開點擊判斷是否達到解鎖區域，沒有到達就動畫回滾到原來的狀態

大概就是這個流程了，具體的就要各位自己去理解了，通過不同的布局，效果和實現也不一樣

 

5. 心得體會

六月份就要出去實習了，感覺有時間還是要多學習學習新的技術，業余時間把android學了一下，正好這學期也是有這個課程

很多人都說面向國內用戶做android開發賺不了錢，原因是國人沒有很好的付費習慣，但總的來說android還是個很好的東西，蠻有意思的

（其實這個程序就是我做給我妹子的，嘿嘿！）

6. 源代碼

這里下載

我也是看了別人的源碼，所以也分享我的源碼