TE7-T893: Add UI widget

Demo/app/src/main/java/com/krunal/demo/uicomponents/AppBarFragment.kt

@@ -0,0 +1,36 @@
+package com.krunal.demo.uicomponents
+
+import android.os.Bundle
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import androidx.appcompat.widget.SearchView
+import androidx.fragment.app.Fragment
+import com.google.android.material.color.MaterialColors
+import com.krunal.demo.R
+import com.krunal.demo.databinding.FragmentAppBarBinding
+import com.krunal.demo.uicomponents.extentions.getThemeColor
+
+class AppBarFragment : Fragment(R.layout.fragment_app_bar) {
+
+    private lateinit var binding: FragmentAppBarBinding
+
+    override fun onCreateView(
+        inflater: LayoutInflater, container: ViewGroup?, savedInstanceState: Bundle?
+    ): View {
+        binding = FragmentAppBarBinding.inflate(layoutInflater)
+        return binding.root
+    }
+
+    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
+        super.onViewCreated(view, savedInstanceState)
+        setupAppBars()
+    }
+
+    private fun setupAppBars() {
+        binding.tbItems.inflateMenu(R.menu.toolbar_menu)
+        val searchItem = binding.tbSearch.menu.findItem(R.id.miSearch)
+        val searchView = searchItem.actionView as SearchView
+        searchView.isIconified = false
+    }
+}

Demo/app/src/main/java/com/krunal/demo/uicomponents/ButtonFragment.kt

@@ -0,0 +1,57 @@
+package com.krunal.demo.uicomponents
+
+import android.os.Bundle
+import android.view.LayoutInflater
+import android.view.View
+import android.view.View.OnClickListener
+import android.view.ViewGroup
+import android.widget.Toast
+import androidx.core.view.children
+import androidx.fragment.app.Fragment
+import com.google.android.material.button.MaterialButton
+import com.krunal.demo.R
+import com.krunal.demo.databinding.FragmentButtonBinding
+
+class ButtonFragment : Fragment(R.layout.fragment_button), OnClickListener {
+
+    private lateinit var binding: FragmentButtonBinding
+
+    override fun onCreateView(
+        inflater: LayoutInflater, container: ViewGroup?, savedInstanceState: Bundle?
+    ): View {
+        binding = FragmentButtonBinding.inflate(layoutInflater)
+        return binding.root
+    }
+
+    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
+        super.onViewCreated(view, savedInstanceState)
+        setupClickListener()
+    }
+
+    override fun onClick(view: View?) {
+        (view as? MaterialButton)?.let {
+            Toast.makeText(requireContext(), "${it.text} clicked", Toast.LENGTH_SHORT).show()
+        }
+    }
+
+    private fun setupClickListener() {
+
+        binding.btnNormal.setOnClickListener(this)
+        binding.btnBordered.setOnClickListener(this)
+        binding.appCompatButton.setOnClickListener(this)
+        binding.btnDisabled.setOnClickListener(this)
+        binding.btnOutlined.setOnClickListener(this)
+        binding.btnText.setOnClickListener(this)
+        binding.imgBtnImage.setOnClickListener(this)
+        binding.btnInfo.setOnClickListener(this)
+        binding.btnGradient.setOnClickListener(this)
+
+        binding.switchEnable.setOnCheckedChangeListener { btn, checked ->
+            binding.root.children
+                .filterNot { it == binding.switchEnable }
+                .forEach { it.isEnabled = checked }
+            btn.text =
+                if (checked) getString(R.string.enabled_switch) else getString(R.string.disabled_switch)
+        }
+    }
+}

Demo/app/src/main/java/com/krunal/demo/uicomponents/CheckboxFragment.kt

@@ -0,0 +1,58 @@
+package com.krunal.demo.uicomponents
+
+import android.os.Bundle
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import android.widget.CompoundButton
+import android.widget.CompoundButton.OnCheckedChangeListener
+import android.widget.Toast
+import androidx.fragment.app.Fragment
+import com.krunal.demo.R
+import com.krunal.demo.databinding.FragmentCheckboxBinding
+
+class CheckboxFragment : Fragment(R.layout.fragment_checkbox), OnCheckedChangeListener {
+
+    private lateinit var binding: FragmentCheckboxBinding
+    private var selectedLanguages = mutableListOf<String>()
+
+    override fun onCreateView(
+        inflater: LayoutInflater, container: ViewGroup?, savedInstanceState: Bundle?
+    ): View {
+        binding = FragmentCheckboxBinding.inflate(layoutInflater)
+        return binding.root
+    }
+
+    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
+        super.onViewCreated(view, savedInstanceState)
+        setupListeners()
+    }
+
+    private fun setupListeners() {
+        selectedLanguages.add("English")
+        selectedLanguages.add("Hindi")
+        binding.cbEnglish.setOnCheckedChangeListener(this)
+        binding.cbHindi.setOnCheckedChangeListener(this)
+        binding.cbGujarati.setOnCheckedChangeListener(this)
+        binding.cbSpanish.setOnCheckedChangeListener(this)
+        binding.btnSaveChanges.setOnClickListener {
+            Toast.makeText(requireContext(), selectedLanguages.joinToString(), Toast.LENGTH_SHORT)
+                .show()
+        }
+    }
+
+    override fun onCheckedChanged(btn: CompoundButton?, isChecked: Boolean) {
+        val language = when (btn) {
+            binding.cbEnglish -> "English"
+            binding.cbHindi -> "Hindi"
+            binding.cbGujarati -> "Gujarati"
+            binding.cbSpanish -> "Spanish"
+            else -> ""
+        }
+        if (isChecked) {
+            selectedLanguages.add(language)
+        } else {
+            selectedLanguages.remove(language)
+        }
+    }
+}

Demo/app/src/main/java/com/krunal/demo/uicomponents/ChipFragment.kt

@@ -0,0 +1,55 @@
+package com.krunal.demo.uicomponents
+
+import android.os.Bundle
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import androidx.core.widget.addTextChangedListener
+import androidx.fragment.app.Fragment
+import com.google.android.material.chip.Chip
+import com.krunal.demo.R
+import com.krunal.demo.databinding.FragmentChipBinding
+
+class ChipFragment : Fragment(R.layout.fragment_chip) {
+
+    private lateinit var binding: FragmentChipBinding
+
+    override fun onCreateView(
+        inflater: LayoutInflater,
+        container: ViewGroup?,
+        savedInstanceState: Bundle?
+    ): View {
+        binding = FragmentChipBinding.inflate(layoutInflater)
+        return binding.root
+    }
+
+    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
+        super.onViewCreated(view, savedInstanceState)
+        setupChips()
+    }
+
+    private fun setupChips() {
+        binding.etChip.addTextChangedListener {
+            binding.tilChip.isEndIconVisible = binding.etChip.text.isNullOrEmpty().not()
+        }
+
+        binding.etChip.setOnEditorActionListener { _, _, _ ->
+            addChip()
+            true
+        }
+
+        binding.tilChip.setEndIconOnClickListener {
+            addChip()
+        }
+    }
+
+    private fun addChip() {
+        val chip = Chip(requireContext())
+        chip.text = binding.etChip.text
+        chip.setOnCloseIconClickListener { binding.cgProgrammatically.removeView(it) }
+        chip.setCloseIconResource(R.drawable.ic_cross)
+        chip.isCloseIconVisible = true
+        binding.cgProgrammatically.addView(chip)
+        binding.etChip.text?.clear()
+    }
+}

Demo/app/src/main/java/com/krunal/demo/uicomponents/CustomViewFragment.kt

@@ -0,0 +1,6 @@
+package com.krunal.demo.uicomponents
+
+import androidx.fragment.app.Fragment
+import com.krunal.demo.R
+
+class CustomViewFragment : Fragment(R.layout.fragment_custom_view)

Demo/app/src/main/java/com/krunal/demo/uicomponents/EditTextFragment.kt

@@ -0,0 +1,67 @@
+package com.krunal.demo.uicomponents
+
+import android.os.Bundle
+import android.util.Patterns
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import android.widget.EditText
+import androidx.core.view.children
+import androidx.core.widget.addTextChangedListener
+import androidx.fragment.app.Fragment
+import com.google.android.material.textfield.TextInputLayout
+import com.krunal.demo.R
+import com.krunal.demo.databinding.FragmentEditTextBinding
+import com.krunal.demo.uicomponents.extentions.hideKeyboard
+
+
+class EditTextFragment : Fragment(R.layout.fragment_edit_text) {
+
+    private lateinit var binding: FragmentEditTextBinding
+
+    override fun onCreateView(
+        inflater: LayoutInflater, container: ViewGroup?, savedInstanceState: Bundle?
+    ): View {
+        binding = FragmentEditTextBinding.inflate(layoutInflater)
+        return binding.root
+    }
+
+    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
+        super.onViewCreated(view, savedInstanceState)
+        setupListeners()
+    }
+
+    private fun setupListeners() {
+        binding.root.setOnFocusChangeListener { view, isFocused ->
+            if (isFocused) view.hideKeyboard()
+        }
+
+        binding.etEmail.setOnFocusChangeListener { emailView, isFocused ->
+            val email = binding.etEmail.text.toString()
+            binding.emailContainer.error = if (!isFocused && !isValidEmail(email)) {
+                "Invalid email address"
+            } else {
+                null
+            }
+        }
+
+        binding.etEmail.addTextChangedListener {
+            if (it?.length == 0) binding.emailContainer.error = null
+        }
+
+        binding.btnClear.setOnClickListener {
+            binding.root.children.forEach {
+                if (it is EditText) {
+                    it.text.clear()
+                } else if (it is TextInputLayout) {
+                    it.editText?.text?.clear()
+                }
+            }
+        }
+    }
+
+    private fun isValidEmail(email: String): Boolean {
+        val pattern = Patterns.EMAIL_ADDRESS
+        return pattern.matcher(email).matches()
+    }
+}

Demo/app/src/main/java/com/krunal/demo/uicomponents/FabFragment.kt

@@ -0,0 +1,69 @@
+package com.krunal.demo.uicomponents
+
+import android.os.Bundle
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import androidx.fragment.app.Fragment
+import com.google.android.material.snackbar.Snackbar
+import com.krunal.demo.R
+import com.krunal.demo.databinding.FragmentFabBinding
+
+class FabFragment : Fragment(R.layout.fragment_fab) {
+
+    private lateinit var binding: FragmentFabBinding
+    private var visible: Boolean = false
+    private lateinit var snackBar: Snackbar
+
+    override fun onCreateView(
+        inflater: LayoutInflater, container: ViewGroup?, savedInstanceState: Bundle?
+    ): View {
+        binding = FragmentFabBinding.inflate(layoutInflater)
+        return binding.root
+    }
+
+    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
+        super.onViewCreated(view, savedInstanceState)
+        binding.fabAdd.setOnClickListener {
+            changeVisibility()
+            if (visible) snackBar.show()
+        }
+        setupExpandableFab()
+        setupSnackBar()
+    }
+
+    private fun changeVisibility() {
+        visible = visible.not()
+        binding.fabAdd.setImageResource(
+            if (visible) R.drawable.ic_cross
+            else R.drawable.ic_add
+        )
+        binding.fabEdit.visibility = if (visible) View.VISIBLE else View.INVISIBLE
+        binding.fabImage.visibility = if (visible) View.VISIBLE else View.INVISIBLE
+    }
+
+    private fun setupExpandableFab() {
+        binding.fabExtended1.isChecked = true
+        binding.fabExtended2.isChecked = true
+
+        binding.fabExtended1.addOnCheckedChangeListener { _, isChecked ->
+            binding.fabExtended1.isExtended = isChecked
+        }
+
+        binding.fabExtended2.addOnCheckedChangeListener { _, isChecked ->
+            binding.fabExtended2.isExtended = isChecked
+        }
+
+        binding.fabExtended3.setOnClickListener {
+            binding.fabExtended3.isExtended = binding.fabExtended3.isExtended.not()
+        }
+    }
+
+    private fun setupSnackBar() {
+        snackBar = Snackbar.make(binding.root, "Fab button opened", Snackbar.LENGTH_SHORT)
+        snackBar.anchorView = binding.fabImage
+        snackBar.setAction("Close") {
+            changeVisibility()
+        }
+    }
+}