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

Commit 543c7873 authored by Anton Potapov's avatar Anton Potapov
Browse files

Add ANC UI. 

This is ag/26232405 with all the comments and build fixed

Flag: aconfig new_volume_panel DISABLED
Test: atest AncSliceRepositoryTest
Test: atest AncSliceInteractorTest
Test: atest AncAvailabilityCriteriaTest
Fixes: 324392591
Change-Id: Ic145d16e365d527cf6650fa7359c2d9db0d9c97c
parent f942b9ad

packages/SystemUI/compose/facade/disabled/src/com/android/systemui/volume/panel/component/anc/AncModule.kt

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

 * Copyright (C) 2024 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.volume.panel.component.anc



import dagger.Module



@Module interface AncModule

packages/SystemUI/compose/features/src/com/android/systemui/statusbar/phone/SystemUIDialogFactoryExt.kt

+5 −1
Original line number Diff line number Diff line
@@ -17,6 +17,7 @@ 
package com.android.systemui.statusbar.phone



import android.content.Context

import androidx.annotation.GravityInt

import androidx.compose.material3.LocalContentColor

import androidx.compose.material3.MaterialTheme

import androidx.compose.runtime.Composable
@@ -45,14 +46,17 @@ import com.android.compose.theme.PlatformTheme 
 * @param context the [Context] in which the dialog will be constructed.

 * @param dismissOnDeviceLock whether the dialog should be automatically dismissed when the device

 *   is locked (true by default).

 * @param dialogGravity is one of the [android.view.Gravity] and determines dialog position on the

 *   screen.

 */

fun SystemUIDialogFactory.create(

    context: Context = this.applicationContext,

    theme: Int = SystemUIDialog.DEFAULT_THEME,

    dismissOnDeviceLock: Boolean = SystemUIDialog.DEFAULT_DISMISS_ON_DEVICE_LOCK,

    @GravityInt dialogGravity: Int? = null,

    content: @Composable (SystemUIDialog) -> Unit,

): ComponentSystemUIDialog {

    val dialog = create(context, theme, dismissOnDeviceLock)

    val dialog = create(context, theme, dismissOnDeviceLock, dialogGravity)



    // Create the dialog so that it is properly constructed before we set the Compose content.

    // Otherwise, the ComposeView won't render properly.

packages/SystemUI/compose/features/src/com/android/systemui/volume/panel/component/anc/AncModule.kt

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

 * Copyright (C) 2024 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.volume.panel.component.anc



import com.android.systemui.volume.panel.component.anc.domain.AncAvailabilityCriteria

import com.android.systemui.volume.panel.component.anc.ui.composable.AncPopup

import com.android.systemui.volume.panel.component.anc.ui.viewmodel.AncViewModel

import com.android.systemui.volume.panel.component.button.ui.composable.ButtonComponent

import com.android.systemui.volume.panel.component.shared.model.VolumePanelComponents

import com.android.systemui.volume.panel.domain.ComponentAvailabilityCriteria

import com.android.systemui.volume.panel.shared.model.VolumePanelUiComponent

import dagger.Binds

import dagger.Module

import dagger.Provides

import dagger.multibindings.IntoMap

import dagger.multibindings.StringKey



/** Dagger module, that provides Active Noise Cancellation Volume Panel UI functionality. */

@Module

interface AncModule {



    @Binds

    @IntoMap

    @StringKey(VolumePanelComponents.ANC)

    fun bindComponentAvailabilityCriteria(

        criteria: AncAvailabilityCriteria

    ): ComponentAvailabilityCriteria



    companion object {



        @Provides

        @IntoMap

        @StringKey(VolumePanelComponents.ANC)

        fun provideVolumePanelUiComponent(

            viewModel: AncViewModel,

            popup: AncPopup,

        ): VolumePanelUiComponent = ButtonComponent(viewModel.button, popup::show)

    }

}

packages/SystemUI/compose/features/src/com/android/systemui/volume/panel/component/anc/ui/composable/AncPopup.kt

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

 * Copyright (C) 2024 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.volume.panel.component.anc.ui.composable



import android.content.Context

import android.view.View

import androidx.compose.foundation.layout.fillMaxWidth

import androidx.compose.material3.MaterialTheme

import androidx.compose.material3.Text

import androidx.compose.runtime.Composable

import androidx.compose.runtime.SideEffect

import androidx.compose.runtime.collectAsState

import androidx.compose.runtime.getValue

import androidx.compose.ui.Modifier

import androidx.compose.ui.res.stringResource

import androidx.compose.ui.text.style.TextAlign

import androidx.compose.ui.viewinterop.AndroidView

import androidx.slice.Slice

import androidx.slice.widget.SliceView

import com.android.systemui.animation.Expandable

import com.android.systemui.res.R

import com.android.systemui.statusbar.phone.SystemUIDialog

import com.android.systemui.volume.panel.component.anc.ui.viewmodel.AncViewModel

import com.android.systemui.volume.panel.component.popup.ui.composable.VolumePanelPopup

import javax.inject.Inject



/** ANC popup up displaying ANC control [Slice]. */

class AncPopup

@Inject

constructor(

    private val volumePanelPopup: VolumePanelPopup,

    private val viewModel: AncViewModel,

) {



    /** Shows a popup with the [expandable] animation. */

    fun show(expandable: Expandable) {

        volumePanelPopup.show(expandable, { Title() }, { Content(it) })

    }



    @Composable

    private fun Title() {

        Text(

            text = stringResource(R.string.volume_panel_noise_control_title),

            style = MaterialTheme.typography.titleMedium,

            textAlign = TextAlign.Center,

            maxLines = 1,

        )

    }



    @Composable

    private fun Content(dialog: SystemUIDialog) {

        val slice: Slice? by viewModel.slice.collectAsState()



        if (slice == null) {

            SideEffect { dialog.dismiss() }

            return

        }



        AndroidView<SliceView>(

            modifier = Modifier.fillMaxWidth(),

            factory = { context: Context ->

                SliceView(context).apply {

                    mode = SliceView.MODE_LARGE

                    isScrollable = false

                    importantForAccessibility = View.IMPORTANT_FOR_ACCESSIBILITY_NO

                    setShowTitleItems(true)

                    addOnLayoutChangeListener(

                        OnWidthChangedLayoutListener(viewModel::changeSliceWidth)

                    )

                }

            },

            update = { sliceView: SliceView -> sliceView.slice = slice }

        )

    }



    private class OnWidthChangedLayoutListener(private val widthChanged: (Int) -> Unit) :

        View.OnLayoutChangeListener {

        override fun onLayoutChange(

            v: View?,

            left: Int,

            top: Int,

            right: Int,

            bottom: Int,

            oldLeft: Int,

            oldTop: Int,

            oldRight: Int,

            oldBottom: Int

        ) {

            val newWidth = right - left

            val oldWidth = oldRight - oldLeft

            if (oldWidth != newWidth) {

                widthChanged(newWidth)

            }

        }

    }

}

packages/SystemUI/compose/features/src/com/android/systemui/volume/panel/component/button/ui/composable/ButtonComponent.kt

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

 * Copyright (C) 2024 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.volume.panel.component.button.ui.composable



import androidx.compose.foundation.BorderStroke

import androidx.compose.foundation.layout.Arrangement

import androidx.compose.foundation.layout.Box

import androidx.compose.foundation.layout.Column

import androidx.compose.foundation.layout.fillMaxSize

import androidx.compose.foundation.layout.fillMaxWidth

import androidx.compose.foundation.layout.height

import androidx.compose.foundation.layout.size

import androidx.compose.foundation.shape.RoundedCornerShape

import androidx.compose.material3.MaterialTheme

import androidx.compose.material3.Text

import androidx.compose.runtime.Composable

import androidx.compose.runtime.collectAsState

import androidx.compose.runtime.getValue

import androidx.compose.ui.Alignment

import androidx.compose.ui.Modifier

import androidx.compose.ui.text.style.TextOverflow

import androidx.compose.ui.unit.dp

import com.android.compose.animation.Expandable

import com.android.systemui.animation.Expandable

import com.android.systemui.common.ui.compose.Icon

import com.android.systemui.volume.panel.component.button.ui.viewmodel.ButtonViewModel

import com.android.systemui.volume.panel.ui.composable.ComposeVolumePanelUiComponent

import com.android.systemui.volume.panel.ui.composable.VolumePanelComposeScope

import kotlinx.coroutines.flow.StateFlow



/** [ComposeVolumePanelUiComponent] implementing a clickable button from a bottom row. */

class ButtonComponent(

    private val viewModelFlow: StateFlow<ButtonViewModel?>,

    private val onClick: (Expandable) -> Unit

) : ComposeVolumePanelUiComponent {



    @Composable

    override fun VolumePanelComposeScope.Content(modifier: Modifier) {

        val viewModelByState by viewModelFlow.collectAsState()

        val viewModel = viewModelByState ?: return



        Column(

            modifier = modifier,

            verticalArrangement = Arrangement.spacedBy(12.dp),

            horizontalAlignment = Alignment.CenterHorizontally,

        ) {

            Expandable(

                modifier = Modifier.height(64.dp).fillMaxWidth(),

                color = MaterialTheme.colorScheme.primaryContainer,

                shape = RoundedCornerShape(28.dp),

                contentColor = MaterialTheme.colorScheme.onPrimaryContainer,

                borderStroke = BorderStroke(8.dp, MaterialTheme.colorScheme.surface),

                onClick = onClick,

            ) {

                Box(modifier = Modifier.fillMaxSize(), contentAlignment = Alignment.Center) {

                    Icon(modifier = Modifier.size(24.dp), icon = viewModel.icon)

                }

            }

            Text(

                text = viewModel.label.toString(),

                style = MaterialTheme.typography.labelMedium,

                maxLines = 1,

                overflow = TextOverflow.Ellipsis,

            )

        }

    }

}