#15 theme

app/src/main/java/com/example/android_curse/ui/onbording/OnbordingFragment.kt

@@ -2,7 +2,9 @@ package com.example.android_curse.ui.onbording
 
 import android.os.Bundle
 import android.view.View
-import android.widget.Toast
+import androidx.core.content.res.ResourcesCompat
+import androidx.fragment.app.viewModels
+import androidx.lifecycle.lifecycleScope
 import androidx.navigation.fragment.findNavController
 import androidx.viewpager2.widget.ViewPager2
 import by.kirich1409.viewbindingdelegate.viewBinding
@@ -17,22 +19,16 @@ import com.google.android.material.tabs.TabLayout
 import com.google.android.material.tabs.TabLayoutMediator
 import com.hannesdorfmann.adapterdelegates4.ListDelegationAdapter
 import dev.chrisbanes.insetter.applyInsetter
+import kotlinx.coroutines.flow.collect
+import kotlinx.coroutines.launch
 
 class OnbordingFragment : BaseFragment(R.layout.fragment_onbording) {
 
-    private val viewBinding by viewBinding(FragmentOnbordingBinding::bind)
-//    private lateinit var binding: FragmentOnbordingBinding
-
-    private var player: ExoPlayer? = null
-
-    override fun onCreate(savedInstanceState: Bundle?) {
-        super.onCreate(savedInstanceState)
+    private val viewModel: OnbordingViewModel by viewModels()
 
-//        binding = FragmentOnbordingBinding.inflate(layoutInflater)
+    private val viewBinding by viewBinding(FragmentOnbordingBinding::bind)
 
-        //TODO()
-//        viewBinding.playerView.player = player!!  //TODO()
-    }
+    private fun player(): ExoPlayer = viewBinding.playerView.player as ExoPlayer
 
     override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
         super.onViewCreated(view, savedInstanceState)
@@ -45,44 +41,60 @@ class OnbordingFragment : BaseFragment(R.layout.fragment_onbording) {
             type(navigationBars = true) { margin() }
         }
 
-        player = SimpleExoPlayer.Builder(requireContext()).build().apply {
-            addMediaItem(MediaItem.fromUri("asset:///VID_20190615_173334.mp4"))
+        viewBinding.playerView.player = SimpleExoPlayer.Builder(requireContext()).build().apply {
+            addMediaItem(MediaItem.fromUri("asset:///VID_20190831_213015.mp4"))
             repeatMode = Player.REPEAT_MODE_ALL
             prepare()
         }
 
-        viewBinding.playerView.player = player!!
-
         viewBinding.viewPager.setTextPages()
         viewBinding.viewPager.attachDots(viewBinding.onboardingTextTabLayout)
 
         viewBinding.signInButton.setOnClickListener {
-//            TODO()
             findNavController().navigate(R.id.action_onbordingFragment_to_signInFragment)
-            Toast.makeText(requireContext(), "нажата текста войти", Toast.LENGTH_SHORT).show()
         }
         viewBinding.signUpButton.setOnClickListener {
             findNavController().navigate(R.id.action_onbordingFragment_to_signUpFragment)
-
-//            TODO()
-            Toast.makeText(requireContext(), "нажата текста регистрации", Toast.LENGTH_SHORT).show()
         }
-
+        viewBinding.volumeControlButton.setOnClickListener { viewModel.change() }
+        lifecycleScope.launch {
+            viewModel.isOffVolumeControlStateFlow().collect { value: Boolean ->
+                if (value) {
+                    player().volume = 0f
+                    viewBinding.volumeControlButton.setImageDrawable(
+                        ResourcesCompat.getDrawable(
+                            resources,
+                            R.drawable.ic_volume_off_white_24dp,
+                            requireContext().theme
+                        )
+                    )
+                } else {
+                    player().volume = 100f
+                    viewBinding.volumeControlButton.setImageDrawable(
+                        ResourcesCompat.getDrawable(
+                            resources,
+                            R.drawable.ic_volume_on_white_24dp,
+                            requireContext().theme
+                        )
+                    )
+                }
+            }
+        }
     }
 
     override fun onResume() {
         super.onResume()
-        player?.play()
+        viewBinding.playerView.player?.play()
     }
 
     override fun onPause() {
         super.onPause()
-        player?.pause()
+        viewBinding.playerView.player?.pause()
     }
 
     override fun onDestroy() {
         super.onDestroy()
-        player?.release()
+        viewBinding.playerView.player?.release()
     }
 
 

app/src/main/java/com/example/android_curse/ui/onbording/OnbordingViewModel.kt

@@ -0,0 +1,21 @@
+package com.example.android_curse.ui.onbording
+
+
+import com.example.android_curse.ui.base.BaseViewModel
+import kotlinx.coroutines.flow.Flow
+import kotlinx.coroutines.flow.MutableStateFlow
+
+class OnbordingViewModel : BaseViewModel() {
+
+    private val _isOffVolumeControlStateFlow = MutableStateFlow<Boolean>(true)
+
+    fun isOffVolumeControlStateFlow(): Flow<Boolean> = _isOffVolumeControlStateFlow
+
+    fun change() {
+        val compareAndSet : Boolean = _isOffVolumeControlStateFlow.compareAndSet(true, false)
+        if (!compareAndSet){
+            _isOffVolumeControlStateFlow.compareAndSet(false, true)
+        }
+    }
+
+}

app/src/main/res/layout/fragment_onbording.xml

@@ -81,6 +81,7 @@
             android:layout_width="0dp"
             android:layout_height="wrap_content"
             android:layout_marginHorizontal="24dp"
+            android:backgroundTint="@color/green_blue"
             android:text="@string/onboarding_sign_Up_button"
             app:layout_constraintBottom_toBottomOf="parent"
             app:layout_constraintEnd_toEndOf="parent"

app/src/main/res/layout/fragment_sign_in.xml

@@ -65,12 +65,7 @@
 
     <ImageButton
         android:id="@+id/back_bottom"
-        android:layout_width="48dp"
-        android:layout_height="48dp"
-        android:layout_marginStart="24dp"
-        android:layout_marginTop="24dp"
-        android:background="?attr/selectableItemBackgroundBorderless"
-        android:src="@drawable/ic_baseline_arrow_back_24"
+        style="@style/AndroidCurse.BackButton"
         app:layout_constraintStart_toStartOf="parent"
         app:layout_constraintTop_toTopOf="parent" />
 

app/src/main/res/layout/fragment_sign_up.xml

@@ -6,12 +6,7 @@
 
     <ImageButton
         android:id="@+id/backButton"
-        android:layout_width="48dp"
-        android:layout_height="48dp"
-        android:layout_marginStart="24dp"
-        android:layout_marginTop="24dp"
-        android:background="?attr/selectableItemBackgroundBorderless"
-        android:src="@drawable/ic_baseline_arrow_back_24"
+        style="@style/AndroidCurse.BackButton"
         app:layout_constraintStart_toStartOf="parent"
         app:layout_constraintTop_toTopOf="parent" />
 

app/src/main/res/values/colors.xml

@@ -8,6 +8,6 @@
     <color name="black">#FF000000</color>
     <color name="white">#FFFFFFFF</color>
     <color name="gray">#CCCCCC</color>
-    <color name="color_post_like_border">#FF9800</color>
-    todo
+    <color name="orange">#FF9800</color>
+    <color name="green_blue">#1ECECA</color>
 </resources>

app/src/main/res/values/styles.xml

@@ -11,6 +11,17 @@
         <item name="android:paddingTop">16dp</item>
         <item name="android:textStyle">bold</item>
         <item name="android:textAppearance">@style/TextAppearance.MaterialComponents.Body1</item>
-        <item name="android:textColor">@color/brand_blue</item>
+        <item name="android:textColor">@color/green_blue</item>
     </style>
+    <style name="AndroidCurse.BackButton">
+        android:layout_width="48dp"
+        android:layout_height="48dp"
+        android:layout_marginStart="24dp"
+        android:layout_marginTop="24dp"
+        android:background="?attr/selectableItemBackgroundBorderless"
+        android:src="@drawable/ic_baseline_arrow_back_24"
+    </style>
+
+    <style name="AndroidCurse"></style>
+
 </resources>

app/src/main/res/values/themes.xml

@@ -2,11 +2,11 @@
     <!-- Base application theme. -->
     <style name="Theme.Android_curse" parent="Theme.MaterialComponents.DayNight.NoActionBar">
         <!-- Primary brand color. -->
-        <item name="colorPrimary">@color/purple_500</item>
-        <item name="colorPrimaryVariant">@color/purple_700</item>
-        <item name="colorOnPrimary">@color/white</item>
+        <item name="colorPrimary">@color/orange</item>
+        <item name="colorPrimaryVariant">@color/orange</item>
+        <item name="colorOnPrimary">@color/black</item>
         <!-- Secondary brand color. -->
-        <item name="colorSecondary">@color/teal_200</item>
+        <item name="colorSecondary">@color/green_blue</item>
         <item name="colorSecondaryVariant">@color/teal_700</item>
         <item name="colorOnSecondary">@color/black</item>
         <!-- Status bar color. -->