完美实现音乐播放器锁屏页

首页我们先看一下效果图

image

下边来说一下实现逻辑,其主要思路就是新建一个activity使其覆盖在锁屏页上边。

一、我们新建一个LockActivty,既然是四大组件之一,必不可少的在AndroidManifest.xml中注册:

<activity    
   android:name=".LockActivity" 
   android:excludeFromRecents="true"    
   android:exported="false"    
   android:launchMode="singleInstance"    
   android:noHistory="true"    
   android:screenOrientation="portrait"    
   android:taskAffinity="com.ztk.lock"    
   android:theme="@style/LockScreenTheme"/>

这里注意,LockActivty的启动模式,我们使用singleInstance,使其单独存在一个activity task中。

android:exported="false"标签,这个标签是用来表示不能被其他应用程序组件调用或跟它交互。

android:noHistory="true",表示该Activity在task中不留历史痕迹。
style文件如下:

  <style name="LockScreenTheme" parent="AppTheme">
        <item name="android:windowIsTranslucent">true</item>
        <item name="android:windowBackground">@android:color/transparent</item>
        <item name="android:colorBackgroundCacheHint">@null</item>
        <item name="android:backgroundDimEnabled">false</item>
        <item name="android:windowAnimationStyle">@null</item>
        <item name="android:windowContentOverlay">@null</item>
    </style>  

二、在LockActivty的onCreate方法中添加标志,使其能够在锁屏页上显示:

@Override
protected void onCreate(Bundle savedInstanceState) {   
     super.onCreate(savedInstanceState);    
         getWindow().addFlags(WindowManager.LayoutParams.FLAG_DISMISS_KEYGUARD | WindowManager.LayoutParams.FLAG_SHOW_WHEN_LOCKED);
     fullScreen(this);    
     setContentView(R.layout.activity_lock);
}

这里同时也加入全屏的代码 fullScreen(this):

public static void fullScreen(Activity activity) {    
    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {        
            if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {            
            //5.x开始需要把颜色设置透明,否则导航栏会呈现系统默认的浅灰色            
            Window window = activity.getWindow();            
            View decorView = window.getDecorView();            
            //两个 flag 要结合使用,表示让应用的主体内容占用系统状态栏的空间            
            int option = View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN                    
                         | View.SYSTEM_UI_FLAG_LAYOUT_STABLE;            
            decorView.setSystemUiVisibility(option);            
            window.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);            
            window.setStatusBarColor(Color.TRANSPARENT);        
    } else {            
        Window window = activity.getWindow();            
        WindowManager.LayoutParams attributes = window.getAttributes();            
        int flagTranslucentStatus = WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS;            
        attributes.flags |= flagTranslucentStatus;            
        window.setAttributes(attributes);        
    }    
  }
}

三、重写物理返回键使其不能响应返回键。

@Override
public void onBackPressed() {}

四、向右滑动销毁页面,这里我们要用到触摸反馈的知识,自定义一个SlidingFinishLayout的view 继承RelativeLayout在LockActivity的布局文件中引用,这里重写onTouchEvent方法:

@Override
public boolean onTouchEvent(MotionEvent event) {    
    switch (event.getActionMasked()) {        
        case MotionEvent.ACTION_DOWN:            
           downX = tempX = (int) event.getRawX();            
           downY = (int) event.getRawY();            
           break;        
        case MotionEvent.ACTION_MOVE:            
           int moveX = (int) event.getRawX();            
           int deltaX = tempX - moveX;            
           tempX = moveX;            
           if (Math.abs(moveX - downX) > mTouchSlop 
                && Math.abs((int) event.getRawY() - downY) < mTouchSlop) {
               isSliding = true;            
           }            
           if (moveX - downX >= 0 && isSliding) {                
               mParentView.scrollBy(deltaX, 0);            
            }            
           break;        
        case MotionEvent.ACTION_UP:            i
            sSliding = false;            
            if (mParentView.getScrollX() <= -viewWidth / 4) {                
            isFinish = true;                
            scrollRight();            
            } else {                
                  scrollOrigin();                
                  isFinish = false;            
              }            
           break;        
        default:            
        break;    
    }    
    return true;
}

这里只贴出了主要代码,详细代码请看demo,文章末尾会有demo地址。

五、关于下方滑动解锁text的实现,是利用了颜色渐变器和矩阵平移实现:

public class HintTextView extends AppCompatTextView {    
    private Paint paint;        
    private int mWidth;    
    private LinearGradient gradient;    
    private Matrix matrix;    
    /**     
     * 渐变的速度     
     */    
    private int deltaX;  

    public HintTextView(Context context) {        
        super(context, null);    
    } 

    public HintTextView(Context context, AttributeSet attrs) {        
        super(context, attrs);    
    }    

    {        
    paint = getPaint();    
    } 

    @Override    
    protected void onSizeChanged(int w, int h, int oldw, int oldh) {        
        super.onSizeChanged(w, h, oldw, oldh);        
        if(mWidth == 0 ){            
            mWidth = getMeasuredWidth();            
            //颜色渐变器            
            gradient = new LinearGradient(0, 0, mWidth, 0, new int[]{Color.GRAY, Color.WHITE, Color.GRAY}, 
            new float[]{0.3f,0.5f,1.0f}, 
            Shader.TileMode.CLAMP);            
            paint.setShader(gradient);            
            matrix = new Matrix();        
           }    
    }

    @Override    
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);        
        if(matrix !=null){            
            deltaX += mWidth / 8;            
            if(deltaX > 2 * mWidth){                
                deltaX = -mWidth;            
             }        
        }        
        //通过矩阵的平移实现        
        matrix.setTranslate(deltaX, 0);        
        gradient.setLocalMatrix(matrix);        
        postInvalidateDelayed(100);    
   }
}

六、最后我们首先新建一个service做接收锁屏键事件的逻辑,使其启动后在任何页面都可以响应锁屏事件让LockActivity出现在锁屏页面上。

1、在AndroidManifest.xml中注册service:

<service    
    android:name=".service.PlayService"    
    android:process=":main" />

2、在service中注册广播接收锁屏事件,并跳转锁屏页面:

ScreenBroadcastReceiver screenBroadcastReceiver;
@Nullable
@Override
public IBinder onBind(Intent intent) {    
    return null;
}
@Override
public void onCreate() {    
    super.onCreate();    
    screenBroadcastReceiver = new ScreenBroadcastReceiver();    
    final IntentFilter filter = new IntentFilter();    
    filter.addAction(Intent.ACTION_SCREEN_OFF);    
    registerReceiver(screenBroadcastReceiver, filter);
}

public class ScreenBroadcastReceiver extends BroadcastReceiver {    
    @Override    
    public void onReceive(Context context, Intent intent) {        
        handleCommandIntent(intent);    
        }
    }

private void handleCommandIntent(Intent intent) {    
    final String action = intent.getAction();    
    if (Intent.ACTION_SCREEN_OFF.equals(action) ){        
        Intent lockScreen = new Intent(this, LockActivity.class);        
        lockScreen.addFlags(Intent.FLAG_ACTIVITY_NEW_TASK);        
        startActivity(lockScreen);    
        }
    }
    @Override
    public void onDestroy() {    
        super.onDestroy();    
        unregisterReceiver(screenBroadcastReceiver);
 }

这样,锁屏页面的实现就大概完成了,有一点要注意的是像小米、vivo、等一些手机会有锁屏显示和后台弹出界面权限,默认是关闭的,需要手动打开。解决这个问题最好的方式大概是加白名单吧,哈哈。

demo地址:https://github.com/still-soul/LockDemo

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 217,277评论 6 503
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,689评论 3 393
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 163,624评论 0 353
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,356评论 1 293
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,402评论 6 392
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,292评论 1 301
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,135评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,992评论 0 275
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,429评论 1 314
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,636评论 3 334
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,785评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,492评论 5 345
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,092评论 3 328
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,723评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,858评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,891评论 2 370
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,713评论 2 354