Donate to e Foundation | Murena handsets with /e/OS | Own a part of Murena! Learn more

Commit 25dc994e authored by Danny Wang's avatar Danny Wang
Browse files

Screen Sharing: Add ShareContentSelector in the Selector UI 

Screenshot: http://screen/AiWHk4vHMbFUQRs

Bug: 438521489
Test: Manual
Flag: com.android.systemui.large_screen_sharing
Change-Id: Iaf145d9417b59a6ded95b46887f07ae8bd266cb2
parent e5c5de9a

packages/SystemUI/src/com/android/systemui/screencapture/sharescreen/largescreen/ui/compose/LargeScreenCaptureShareScreenContent.kt

+21 −5
Original line number Diff line number Diff line
@@ -19,18 +19,34 @@ package com.android.systemui.screencapture.sharescreen.largescreen.ui.compose 
import androidx.compose.runtime.Composable

import com.android.systemui.lifecycle.rememberViewModel

import com.android.systemui.screencapture.common.ui.compose.ScreenCaptureContent

import com.android.systemui.screencapture.sharescreen.largescreen.ui.viewmodel.PreShareViewModel

import com.android.systemui.screencapture.common.ui.viewmodel.RecentTaskViewModel

import com.android.systemui.screencapture.sharescreen.largescreen.ui.viewmodel.PreShareToolbarViewModel

import com.android.systemui.screencapture.sharescreen.largescreen.ui.viewmodel.ShareContentListViewModel

import javax.inject.Inject



class LargeScreenCaptureShareScreenContent

@Inject

constructor(private val viewModelFactory: PreShareViewModel.Factory) : ScreenCaptureContent {

constructor(

    private val preShareToolbarViewModelFactory: PreShareToolbarViewModel.Factory,

    private val shareContentListViewModelFactory: ShareContentListViewModel.Factory,

    private val recentTaskViewModelFactory: RecentTaskViewModel.Factory,

) : ScreenCaptureContent {



    @Composable

    override fun Content() {

        val viewModel: PreShareViewModel =

            rememberViewModel("PreShareViewModel") { viewModelFactory.create() }

        val preShareToolbarViewModel: PreShareToolbarViewModel =

            rememberViewModel("PreShareToolbarViewModel") {

                preShareToolbarViewModelFactory.create()

            }

        val shareContentListViewModel: ShareContentListViewModel =

            rememberViewModel("ShareContentListViewModel") {

                shareContentListViewModelFactory.create()

            }



        PreShareUI(viewModel = viewModel)

        PreShareUI(

            preShareToolbarViewModel = preShareToolbarViewModel,

            shareContentListViewModel = shareContentListViewModel,

            recentTaskViewModelFactory = recentTaskViewModelFactory,

        )

    }

}

packages/SystemUI/src/com/android/systemui/screencapture/sharescreen/largescreen/ui/compose/PreShareToolbar.kt

+14 −9
Original line number Diff line number Diff line
@@ -32,26 +32,26 @@ import com.android.systemui.screencapture.common.ui.compose.RadioButtonGroup 
import com.android.systemui.screencapture.common.ui.compose.RadioButtonGroupItem

import com.android.systemui.screencapture.common.ui.compose.Toolbar

import com.android.systemui.screencapture.common.ui.compose.loadIcon

import com.android.systemui.screencapture.sharescreen.largescreen.ui.viewmodel.PreShareViewModel

import com.android.systemui.screencapture.sharescreen.largescreen.ui.viewmodel.PreShareToolbarViewModel

import com.android.systemui.screencapture.sharescreen.largescreen.ui.viewmodel.ScreenShareTarget



@Composable

@OptIn(ExperimentalMaterial3ExpressiveApi::class)

fun PreShareToolbar(

    viewModel: PreShareViewModel,

    preShareToolbarViewModel: PreShareToolbarViewModel,

    expanded: Boolean,

    onCloseClick: () -> Unit,

    modifier: Modifier = Modifier,

) {

    val tabIcon by

        loadIcon(

            viewModel = viewModel,

            viewModel = preShareToolbarViewModel,

            resId = R.drawable.ic_screen_capture_tab,

            contentDescription = null,

        )

    val windowIcon by

        loadIcon(

            viewModel = viewModel,

            viewModel = preShareToolbarViewModel,

            resId = R.drawable.ic_screen_capture_window,

            contentDescription = null,

        )
@@ -59,13 +59,18 @@ fun PreShareToolbar( 
        listOf(

            RadioButtonGroupItem(

                icon = tabIcon,

                isSelected = viewModel.selectedScreenShareTarget == ScreenShareTarget.TAB,

                onClick = { viewModel.onTargetSelected(ScreenShareTarget.TAB) },

                isSelected =

                    preShareToolbarViewModel.selectedScreenShareTarget == ScreenShareTarget.TAB,

                onClick = { preShareToolbarViewModel.onTargetSelected(ScreenShareTarget.TAB) },

            ),

            RadioButtonGroupItem(

                icon = windowIcon,

                isSelected = viewModel.selectedScreenShareTarget == ScreenShareTarget.APP_WINDOW,

                onClick = { viewModel.onTargetSelected(ScreenShareTarget.APP_WINDOW) },

                isSelected =

                    preShareToolbarViewModel.selectedScreenShareTarget ==

                        ScreenShareTarget.APP_WINDOW,

                onClick = {

                    preShareToolbarViewModel.onTargetSelected(ScreenShareTarget.APP_WINDOW)

                },

            ),

        )
@@ -77,7 +82,7 @@ fun PreShareToolbar( 


            val shareIcon by

                loadIcon(

                    viewModel = viewModel,

                    viewModel = preShareToolbarViewModel,

                    resId = R.drawable.ic_present_to_all,

                    ContentDescription.Resource(R.string.screen_share_toolbar_share_button),

                )

packages/SystemUI/src/com/android/systemui/screencapture/sharescreen/largescreen/ui/compose/PreShareUI.kt

+29 −5
Original line number Diff line number Diff line
@@ -16,13 +16,37 @@ 


package com.android.systemui.screencapture.sharescreen.largescreen.ui.compose



import androidx.compose.foundation.layout.Arrangement

import androidx.compose.foundation.layout.Column

import androidx.compose.foundation.layout.size

import androidx.compose.runtime.Composable

import com.android.systemui.screencapture.sharescreen.largescreen.ui.viewmodel.PreShareViewModel

import androidx.compose.ui.Alignment

import androidx.compose.ui.Modifier

import androidx.compose.ui.unit.dp

import com.android.systemui.screencapture.common.ui.viewmodel.RecentTaskViewModel

import com.android.systemui.screencapture.sharescreen.largescreen.ui.viewmodel.PreShareToolbarViewModel

import com.android.systemui.screencapture.sharescreen.largescreen.ui.viewmodel.ShareContentListViewModel



/** Main component for the screen share UI. */

@Composable

fun PreShareUI(viewModel: PreShareViewModel) {

    PreShareToolbar(viewModel = viewModel, expanded = true, onCloseClick = {})



    // TODO: Add PreShareSelector here.

fun PreShareUI(

    preShareToolbarViewModel: PreShareToolbarViewModel,

    shareContentListViewModel: ShareContentListViewModel,

    recentTaskViewModelFactory: RecentTaskViewModel.Factory,

) {

    Column(

        verticalArrangement = Arrangement.spacedBy(16.dp, Alignment.Top),

        horizontalAlignment = Alignment.CenterHorizontally,

        modifier = Modifier.size(800.dp, 600.dp),

    ) {

        PreShareToolbar(

            preShareToolbarViewModel = preShareToolbarViewModel,

            expanded = true,

            onCloseClick = {},

        )

        ShareContentSelector(

            shareContentListViewModel = shareContentListViewModel,

            recentTaskViewModelFactory = recentTaskViewModelFactory,

        )

    }

}

packages/SystemUI/src/com/android/systemui/screencapture/sharescreen/largescreen/ui/compose/ShareContentList.kt

+12 −23
Original line number Diff line number Diff line
@@ -16,9 +16,10 @@ 


package com.android.systemui.screencapture.sharescreen.largescreen.ui.compose



import android.graphics.Color

import androidx.compose.foundation.Image

import androidx.compose.foundation.background

import androidx.compose.foundation.clickable

import androidx.compose.foundation.layout.Box

import androidx.compose.foundation.layout.Row

import androidx.compose.foundation.layout.Spacer

import androidx.compose.foundation.layout.height
@@ -37,10 +38,8 @@ import androidx.compose.runtime.getValue 
import androidx.compose.ui.Alignment

import androidx.compose.ui.Modifier

import androidx.compose.ui.draw.clip

import androidx.compose.ui.graphics.ImageBitmap

import androidx.compose.ui.graphics.asImageBitmap

import androidx.compose.ui.unit.dp

import androidx.core.graphics.createBitmap

import androidx.lifecycle.compose.collectAsStateWithLifecycle

import com.android.systemui.lifecycle.rememberViewModel

import com.android.systemui.screencapture.common.ui.viewmodel.RecentTaskViewModel
@@ -116,12 +115,16 @@ private fun SelectorItem( 
            modifier = Modifier.padding(12.dp).clickable(onClick = onItemSelected),

            verticalAlignment = Alignment.CenterVertically,

        ) {

            Image(

                // TODO: Address the hardcoded placeholder color.

                bitmap = icon?.asImageBitmap() ?: createDefaultColorImageBitmap(20, 20, Color.BLUE),

                contentDescription = label?.toString(),

                modifier = Modifier.size(16.dp).clip(CircleShape),

            )

            Box(

                modifier =

                    Modifier.size(16.dp)

                        .clip(CircleShape)

                        .background(MaterialTheme.colorScheme.surfaceVariant)

            ) {

                if (icon != null) {

                    Image(bitmap = icon.asImageBitmap(), contentDescription = label?.toString())

                }

            }

            Spacer(modifier = Modifier.width(8.dp))

            Text(

                text = label?.toString() ?: "Title",
@@ -131,17 +134,3 @@ private fun SelectorItem( 
        }

    }

}
 


/**

 * Creates an [ImageBitmap] of a given size, filled with a solid color. Used as a placeholder for

 * when an app icon is not available.

 *

 * @param width The width of the bitmap.

 * @param height The height of the bitmap.

 * @param color The color to fill the bitmap with.

 */

private fun createDefaultColorImageBitmap(width: Int, height: Int, color: Int): ImageBitmap {

    val bitmap = createBitmap(width, height)

    bitmap.eraseColor(color)

    return bitmap.asImageBitmap()

}

packages/SystemUI/src/com/android/systemui/screencapture/sharescreen/largescreen/ui/compose/ShareContentSelector.kt

0 → 100644
+118 −0
Original line number Diff line number Diff line 
/*

 * Copyright (C) 2025 The Android Open Source Project

 *

 * Licensed under the Apache License, Version 2.0 (the "License");

 * you may not use this file except in compliance with the License.

 * You may obtain a copy of the License at

 *

 *      http://www.apache.org/licenses/LICENSE-2.0

 *

 * Unless required by applicable law or agreed to in writing, software

 * distributed under the License is distributed on an "AS IS" BASIS,

 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.

 * See the License for the specific language governing permissions and

 * limitations under the License.

 */



package com.android.systemui.screencapture.sharescreen.largescreen.ui.compose



import androidx.compose.foundation.Image

import androidx.compose.foundation.background

import androidx.compose.foundation.layout.Arrangement

import androidx.compose.foundation.layout.Box

import androidx.compose.foundation.layout.Column

import androidx.compose.foundation.layout.Row

import androidx.compose.foundation.layout.Spacer

import androidx.compose.foundation.layout.fillMaxWidth

import androidx.compose.foundation.layout.height

import androidx.compose.foundation.layout.padding

import androidx.compose.foundation.layout.width

import androidx.compose.foundation.shape.RoundedCornerShape

import androidx.compose.material3.MaterialTheme

import androidx.compose.material3.Surface

import androidx.compose.material3.Switch

import androidx.compose.material3.Text

import androidx.compose.runtime.Composable

import androidx.compose.ui.Alignment

import androidx.compose.ui.Modifier

import androidx.compose.ui.draw.clip

import androidx.compose.ui.graphics.ImageBitmap

import androidx.compose.ui.graphics.asImageBitmap

import androidx.compose.ui.layout.ContentScale

import androidx.compose.ui.unit.dp

import com.android.systemui.screencapture.common.ui.viewmodel.RecentTaskViewModel

import com.android.systemui.screencapture.sharescreen.largescreen.ui.viewmodel.ShareContentListViewModel



@Composable

fun ShareContentSelector(

    shareContentListViewModel: ShareContentListViewModel,

    recentTaskViewModelFactory: RecentTaskViewModel.Factory,

) {

    val selectedRecentTaskViewModel = shareContentListViewModel.selectedRecentTaskViewModel



    Surface(color = MaterialTheme.colorScheme.surfaceBright, shape = RoundedCornerShape(28.dp)) {

        Column(modifier = Modifier.padding(8.dp)) {

            Text(text = "Share an app", modifier = Modifier.padding(12.dp, 8.dp).fillMaxWidth())

            Spacer(modifier = Modifier.height(16.dp))

            Row(modifier = Modifier.padding(8.dp)) {

                // The sharing content item list.

                ShareContentList(

                    viewModel = shareContentListViewModel,

                    recentTaskViewModelFactory = recentTaskViewModelFactory,

                    selectedRecentTaskViewModel = selectedRecentTaskViewModel,

                )

                Spacer(modifier = Modifier.width(10.dp))

                ItemPreview(

                    preview = selectedRecentTaskViewModel?.thumbnail?.getOrNull()?.asImageBitmap(),

                    modifier = Modifier.weight(1f).height(120.dp),

                )

            }

            DisclaimerText()

            AudioSwitch()

        }

    }

}



@Composable

private fun ItemPreview(preview: ImageBitmap?, modifier: Modifier = Modifier) {

    Box(

        modifier =

            modifier

                .clip(RoundedCornerShape(16.dp))

                .background(MaterialTheme.colorScheme.surfaceVariant),

        contentAlignment = Alignment.Center,

    ) {

        if (preview != null) {

            Image(

                bitmap = preview,

                contentDescription = "preview",

                modifier = Modifier.matchParentSize(),

                contentScale = ContentScale.Fit,

            )

        }

    }

}



@Composable

private fun DisclaimerText() {

    Text(

        text =

            "Disclaimer When you’re sharing your entire screen, anything shown on your screen" +

                " is recorded. So be careful with things like passwords, payment details," +

                " messages, photos, and audio & video.",

        style = MaterialTheme.typography.bodySmall,

        modifier = Modifier.padding(12.dp, 8.dp).fillMaxWidth(),

    )

}



@Composable

private fun AudioSwitch() {

    Row(

        verticalAlignment = Alignment.CenterVertically,

        horizontalArrangement = Arrangement.SpaceBetween,

        modifier = Modifier.padding(12.dp, 0.dp).fillMaxWidth(),

    ) {

        Text(text = "Share audio", style = MaterialTheme.typography.labelMedium)

        Switch(checked = true, onCheckedChange = {}, modifier = Modifier.height(24.dp))

    }

}