本篇将介绍Presentation概念、Presentation生命周期、简单使用、实现双屏收银效果，并总结了Activity隐藏状态栏和标题栏的方法。
概念
在Android 中的Presentation 是一种特殊的窗口展示，通常用于辅助显示或在特定情况下替代 Activity 的部分显示功能。Presentation 通常与一个 Activity 相关联，并且可以接收来自 Activity 的数据和事件，可以根据 Activity 的状态变化更新 Presentation 的显示内容，实现更灵活的交互和展示效果。
Presentation生命周期
Android Presentation的生命周期主要包括以下几个关键方法：
onCreate()：在Presentation创建时被调用，用于初始化Presentation的内容。这是生命周期的开始阶段，类似于Activity的onCreate()方法。
onShow()：在Presentation即将显示时被调用，可以在这个方法中进行一些显示相关的设置。这是Presentation特有的方法，用于准备显示内容。
onDismiss()：在Presentation即将关闭时被调用，可以在这个方法中进行一些清理工作。类似于Activity的onDestroy()方法，但更侧重于关闭前的清理。
onDetachedFromWindow()：在Presentation完全关闭后被调用，用于释放资源。这是生命周期的结束阶段，确保资源得到妥善管理。
简单使用
由于开发需求，经常会有一个应用在多个屏幕上展示不同的内容，比如双屏消费机，收银员可以看到会员信息、折扣等内容，而客户只能看到已购商品和金额信息，本篇的目的就是实现类似的双屏异显的效果。
首先学习下Presentation的简单使用，双屏没有数据传输，只实现异显的效果。
创建Presentation子类<PresentationTest.java>
@RequiresApi(api = Build.VERSION_CODES.JELLY_BEAN_MR1)
public class PresentationTest extends Presentation {
public PresentationTest(Context context, Display display) {
super(context, display);
}
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.presentation_layout);
}
}
在主活动显示Presentation<MainActivity.kt>
public class MainActivity extends AppCompatActivity {
private Presentation mPresentation;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
DisplayManager displayManager = (DisplayManager) getSystemService(Context.DISPLAY_SERVICE);
Display[] displays = displayManager.getDisplays(DisplayManager.DISPLAY_CATEGORY_PRESENTATION);
if (displays.length > 0) {
mPresentation = new MyPresentation(this, displays[0]);
mPresentation.show();
}
}
}
运行之后设备上的主副屏幕就会显示不同的页面内容了。
Activity去掉标题栏和状态栏
Activity默认带标题栏和状态栏，影响APP美观，此处总结几种去掉标题栏和状态栏的方法。
1. 去掉标题栏
- 继承自Activity类
(1) 在OnCreate的setContentView前隐藏标题栏
requestWindowFeature(Window.FEATURE_NO_TITLE)
(2) 在AndroidManifest.xml中隐藏标题栏
在<application>或<activity>中修改theme属性：
android:theme="@android:style/Theme.Light.NoTitleBar"
(3) 在<application>使用的style中隐藏标题栏
1. 将style的parent属性改为：
parent="Theme.MaterialComponents.DayNight.NoActionBar"
2. 在themes.xml的style中添加item：
<item name="windowNoTitle">true</item>
- 继承自AppCompatActivity类
(1) 在OnCreate的setContentView前隐藏标题栏
1. supportActionBar?.hide()
2. supportRequestWindowFeature(Window.FEATURE_NO_TITLE)
(2) 在AndroidManifest.xml中隐藏标题栏
在<application>或<activity>中修改theme属性：
android:theme="@style/Theme.AppCompat.Light.NoActionBar"
(3) 在<application>使用的style中隐藏标题栏
1. 将style的parent属性改为：
parent="Theme.MaterialComponents.DayNight.NoActionBar"
2. 在themes.xml的style中添加item：
<item name="windowNoTitle">true</item>
2. 去掉状态栏
在onCreate中隐藏状态栏
window().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN, WindowManager.LayoutParams.FLAG_FULLSCREEN)
数据交互双屏异显
这里要实现一个数据交互双屏异显的demo，实现逻辑如下：
- 主屏包含一个消费金额输入框和收银按钮，输入消费金额点击收银按钮，主屏会将消费金额传至副屏展示给客户；
- 副屏默认为一个广告页面，当接收到消费金额后，切换为消费布局，展示消费金额数和三个支付方式按钮，点击支付按钮后提示支付中，同时客户支付操作会被主屏监听到；
- 主屏监听到副屏客户支付的交互操作，主屏弹窗确认客户是否完成支付，点击确认后副屏会显示支付成功，并在2s后进入广告布局。
- 副屏Presentation类<MyPresentation.kt>
@RequiresApi(Build.VERSION_CODES.JELLY_BEAN_MR1)
class MyPresentation(context: Context?, display: Display?) : Presentation(context, display){
private var advertLayout: ConstraintLayout? = null
private var consumeLayout: ConstraintLayout? = null
private var payMode: ConstraintLayout? = null
private var payLoad: TextView? = null
private var payNum: TextView? = null
private var handler: Handler? = null
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.presentation_layout)
initView()
}
private fun initView() {
advertLayout = findViewById(R.id.advert_layout)
consumeLayout = findViewById(R.id.consume_layout)
isAdvertLayout(true)
payMode = findViewById(R.id.pay_mode)
payLoad = findViewById<TextView>(R.id.pay_loading)
payNum = findViewById<TextView>(R.id.pay_num)
findViewById<View>(R.id.wechat_pay).setOnClickListener(View.OnClickListener {
isPayedLayout(true)
iPresentationEvent?.onPaying()
})
findViewById<View>(R.id.alipay_pay).setOnClickListener(View.OnClickListener {
isPayedLayout(true)
iPresentationEvent?.onPaying()
})
findViewById<View>(R.id.cash_pay).setOnClickListener(View.OnClickListener {
isPayedLayout(true)
iPresentationEvent?.onPaying()
})
}
// 切换副屏布局
private fun isAdvertLayout(isAdvert: Boolean) {
if (isAdvert) {
advertLayout!!.visibility = View.VISIBLE
consumeLayout!!.visibility = View.GONE
} else {
advertLayout!!.visibility = View.GONE
consumeLayout!!.visibility = View.VISIBLE
}
}
// 切换支付布局
private fun isPayedLayout(isPayed: Boolean) {
if (!isPayed) {
payMode!!.visibility = View.VISIBLE
payLoad!!.visibility = View.GONE
} else {
payMode!!.visibility = View.GONE
payLoad!!.visibility = View.VISIBLE
setPayTip("支付中……")
}
}
// 设置消费金额
@SuppressLint("SetTextI18n")
fun setPayNum(num: String) {
isAdvertLayout(false)
payNum!!.text = "消费金额：$num"
isPayedLayout(false)
}
// 设置消费状态提示
private fun setPayTip(text: String?) {
payLoad!!.text = text
}
// 消费成功
fun setPaySuccess() {
setPayTip("支付成功！")
handler = Handler()
handler!!.postDelayed({ isAdvertLayout(true) }, 2000)
}
override fun onDetachedFromWindow() {
super.onDetachedFromWindow()
// 释放handler资源
handler!!.removeCallbacksAndMessages(null)
handler = null
}
// 副屏接口
interface IPresentationEvent{
fun onPaying()
}
private var iPresentationEvent : IPresentationEvent? = null
fun setIPresentationEvent(iPresentationEvent: IPresentationEvent){
this.iPresentationEvent = iPresentationEvent
}
}
- 副屏布局<presentation_layout.xml>
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
xmlns:app="http://schemas.android.com/apk/res-auto">
<!-- 广告布局-->
<androidx.constraintlayout.widget.ConstraintLayout
android:id="@+id/advert_layout"
android:layout_width="match_parent"
android:visibility="gone"
android:layout_height="match_parent">
<ImageView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:src="@mipmap/advert"
android:scaleType="centerCrop"/>
</androidx.constraintlayout.widget.ConstraintLayout>
<!-- 消费布局-->
<androidx.constraintlayout.widget.ConstraintLayout
android:id="@+id/consume_layout"
android:layout_width="match_parent"
android:layout_height="match_parent">
<TextView
android:id="@+id/pay_num"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="消费金额"
android:textSize="50sp"
android:textColor="@color/black"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintVertical_bias="0.3"/>
<!-- 支付方式按钮-->
<androidx.constraintlayout.widget.ConstraintLayout
android:id="@+id/pay_mode"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintVertical_bias="0.7">
<Button
android:id="@+id/wechat_pay"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="微信"
android:textSize="26sp"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintEnd_toStartOf="@+id/alipay_pay"
app:layout_constraintVertical_chainStyle="spread"/>
<Button
android:id="@+id/alipay_pay"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="支付宝"
android:textSize="26sp"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintStart_toEndOf="@+id/wechat_pay"
app:layout_constraintEnd_toStartOf="@+id/cash_pay"/>
<Button
android:id="@+id/cash_pay"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="现金"
android:textSize="26sp"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintStart_toEndOf="@id/alipay_pay"
app:layout_constraintEnd_toEndOf="parent"/>
</androidx.constraintlayout.widget.ConstraintLayout>
<TextView
android:id="@+id/pay_loading"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:visibility="gone"
android:text="支付中……"
android:textSize="36sp"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintVertical_bias="0.7"/>
</androidx.constraintlayout.widget.ConstraintLayout>
</androidx.constraintlayout.widget.ConstraintLayout>
- 主屏Main类<MainActivity.kt >
class MainActivity : AppCompatActivity(){
private var mPresentation: Presentation? = null
@RequiresApi(Build.VERSION_CODES.JELLY_BEAN_MR1)
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_main)
initView()
}
@RequiresApi(Build.VERSION_CODES.JELLY_BEAN_MR1)
private fun initView(){
btn.setOnClickListener{
if (!TextUtils.isEmpty(edit.text) && mPresentation != null) {
(mPresentation as MyPresentation).setPayNum(edit.text.toString())
}
}
}
@RequiresApi(Build.VERSION_CODES.JELLY_BEAN_MR1)
override fun onResume() {
super.onResume()
// 检查是否存在副屏
extendDisplay()
}
@RequiresApi(Build.VERSION_CODES.JELLY_BEAN_MR1)
private fun extendDisplay(){
// 通过displayManager获取display个数
val displayManager = getSystemService(DISPLAY_SERVICE) as DisplayManager
val displays = displayManager.getDisplays(DisplayManager.DISPLAY_CATEGORY_PRESENTATION)
if (displays.size > 0 && mPresentation == null) {
mPresentation = MyPresentation(this, displays[0])
(mPresentation as MyPresentation).show()
initObserver()
}
}
@RequiresApi(Build.VERSION_CODES.JELLY_BEAN_MR1)
private fun initObserver(){
// 监听副屏的交互
(mPresentation as MyPresentation).setIPresentationEvent(object : MyPresentation.IPresentationEvent{
override fun onPaying() {
MaterialDialog.Builder(this@MainActivity)
.title("消费确认")
.content("客户是否已完成支付？")
.positiveText("确定")
.negativeText("取消")
.onPositive { _, _ ->
(mPresentation as MyPresentation).setPaySuccess()
edit.text = null
}
.show()
}
})
}
}
- 主屏布局<activity_main.xml>
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">
<TextView
android:id="@+id/text"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="消费金额："
android:textColor="@color/black"
android:textSize="48sp"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintEnd_toStartOf="@+id/edit"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintVertical_bias="0.4"
app:layout_constraintHorizontal_chainStyle="packed"/>
<EditText
android:id="@+id/edit"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:hint="请输入消费金额"
android:textSize="50sp"
android:textColor="@color/black"
app:layout_constraintStart_toEndOf="@+id/text"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintVertical_bias="0.4"/>
<Button
android:id="@+id/btn"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="36sp"
android:text="收银"
android:padding="20dp"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintVertical_bias="0.6"/>
</androidx.constraintlayout.widget.ConstraintLayout>
