Skip to content

Commit aa31300

Browse files
author
Breens
committed
Initialize repository
0 parents  commit aa31300

File tree

38 files changed

+977
-0
lines changed

38 files changed

+977
-0
lines changed

.gitignore

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
.idea
2+
*.iml
3+
.gradle
4+
/local.properties
5+
.DS_Store
6+
/build
7+
/captures
8+
.externalNativeBuild
9+
.cxx
10+
local.properties

app/.gitignore

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
/build

app/build.gradle

Lines changed: 63 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,63 @@
1+
plugins {
2+
id 'com.android.application'
3+
id 'org.jetbrains.kotlin.android'
4+
}
5+
6+
android {
7+
namespace 'com.breens.searchableexposeddropdownmenujetpackcompose'
8+
compileSdk 32
9+
10+
defaultConfig {
11+
applicationId "com.breens.searchableexposeddropdownmenujetpackcompose"
12+
minSdk 21
13+
targetSdk 32
14+
versionCode 1
15+
versionName "1.0"
16+
17+
testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
18+
vectorDrawables {
19+
useSupportLibrary true
20+
}
21+
}
22+
23+
buildTypes {
24+
release {
25+
minifyEnabled false
26+
proguardFiles getDefaultProguardFile('proguard-android-optimize.txt'), 'proguard-rules.pro'
27+
}
28+
}
29+
compileOptions {
30+
sourceCompatibility JavaVersion.VERSION_1_8
31+
targetCompatibility JavaVersion.VERSION_1_8
32+
}
33+
kotlinOptions {
34+
jvmTarget = '1.8'
35+
}
36+
buildFeatures {
37+
compose true
38+
}
39+
composeOptions {
40+
kotlinCompilerExtensionVersion '1.1.1'
41+
}
42+
packagingOptions {
43+
resources {
44+
excludes += '/META-INF/{AL2.0,LGPL2.1}'
45+
}
46+
}
47+
}
48+
49+
dependencies {
50+
51+
implementation 'androidx.core:core-ktx:1.7.0'
52+
implementation 'androidx.lifecycle:lifecycle-runtime-ktx:2.3.1'
53+
implementation 'androidx.activity:activity-compose:1.3.1'
54+
implementation "androidx.compose.ui:ui:$compose_ui_version"
55+
implementation "androidx.compose.ui:ui-tooling-preview:$compose_ui_version"
56+
implementation 'androidx.compose.material:material:1.1.1'
57+
testImplementation 'junit:junit:4.13.2'
58+
androidTestImplementation 'androidx.test.ext:junit:1.1.3'
59+
androidTestImplementation 'androidx.test.espresso:espresso-core:3.4.0'
60+
androidTestImplementation "androidx.compose.ui:ui-test-junit4:$compose_ui_version"
61+
debugImplementation "androidx.compose.ui:ui-tooling:$compose_ui_version"
62+
debugImplementation "androidx.compose.ui:ui-test-manifest:$compose_ui_version"
63+
}

app/proguard-rules.pro

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
# Add project specific ProGuard rules here.
2+
# You can control the set of applied configuration files using the
3+
# proguardFiles setting in build.gradle.
4+
#
5+
# For more details, see
6+
# http://developer.android.com/guide/developing/tools/proguard.html
7+
8+
# If your project uses WebView with JS, uncomment the following
9+
# and specify the fully qualified class name to the JavaScript interface
10+
# class:
11+
#-keepclassmembers class fqcn.of.javascript.interface.for.webview {
12+
# public *;
13+
#}
14+
15+
# Uncomment this to preserve the line number information for
16+
# debugging stack traces.
17+
#-keepattributes SourceFile,LineNumberTable
18+
19+
# If you keep the line number information, uncomment this to
20+
# hide the original source file name.
21+
#-renamesourcefileattribute SourceFile
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
package com.breens.searchableexposeddropdownmenujetpackcompose
2+
3+
import androidx.test.platform.app.InstrumentationRegistry
4+
import androidx.test.ext.junit.runners.AndroidJUnit4
5+
6+
import org.junit.Test
7+
import org.junit.runner.RunWith
8+
9+
import org.junit.Assert.*
10+
11+
/**
12+
* Instrumented test, which will execute on an Android device.
13+
*
14+
* See [testing documentation](http://d.android.com/tools/testing).
15+
*/
16+
@RunWith(AndroidJUnit4::class)
17+
class ExampleInstrumentedTest {
18+
@Test
19+
fun useAppContext() {
20+
// Context of the app under test.
21+
val appContext = InstrumentationRegistry.getInstrumentation().targetContext
22+
assertEquals(
23+
"com.breens.searchableexposeddropdownmenujetpackcompose",
24+
appContext.packageName
25+
)
26+
}
27+
}

app/src/main/AndroidManifest.xml

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,32 @@
1+
<?xml version="1.0" encoding="utf-8"?>
2+
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
3+
xmlns:tools="http://schemas.android.com/tools">
4+
5+
<application
6+
android:allowBackup="true"
7+
android:dataExtractionRules="@xml/data_extraction_rules"
8+
android:fullBackupContent="@xml/backup_rules"
9+
android:icon="@mipmap/ic_launcher"
10+
android:label="@string/app_name"
11+
android:roundIcon="@mipmap/ic_launcher_round"
12+
android:supportsRtl="true"
13+
android:theme="@style/Theme.SearchableExposedDropDownMenuJetpackCompose"
14+
tools:targetApi="31">
15+
<activity
16+
android:name=".MainActivity"
17+
android:exported="true"
18+
android:label="@string/app_name"
19+
android:theme="@style/Theme.SearchableExposedDropDownMenuJetpackCompose">
20+
<intent-filter>
21+
<action android:name="android.intent.action.MAIN" />
22+
23+
<category android:name="android.intent.category.LAUNCHER" />
24+
</intent-filter>
25+
26+
<meta-data
27+
android:name="android.app.lib_name"
28+
android:value="" />
29+
</activity>
30+
</application>
31+
32+
</manifest>
Lines changed: 121 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,121 @@
1+
package com.breens.searchableexposeddropdownmenujetpackcompose
2+
3+
import android.os.Bundle
4+
import androidx.activity.ComponentActivity
5+
import androidx.activity.compose.setContent
6+
import androidx.compose.foundation.layout.Arrangement
7+
import androidx.compose.foundation.layout.Box
8+
import androidx.compose.foundation.layout.Column
9+
import androidx.compose.foundation.layout.fillMaxSize
10+
import androidx.compose.foundation.layout.fillMaxWidth
11+
import androidx.compose.foundation.layout.width
12+
import androidx.compose.material.Card
13+
import androidx.compose.material.DropdownMenuItem
14+
import androidx.compose.material.Icon
15+
import androidx.compose.material.IconToggleButton
16+
import androidx.compose.material.OutlinedTextField
17+
import androidx.compose.material.Text
18+
import androidx.compose.material.icons.Icons
19+
import androidx.compose.material.icons.outlined.KeyboardArrowDown
20+
import androidx.compose.material.icons.outlined.KeyboardArrowUp
21+
import androidx.compose.runtime.Composable
22+
import androidx.compose.runtime.getValue
23+
import androidx.compose.runtime.mutableStateOf
24+
import androidx.compose.runtime.remember
25+
import androidx.compose.runtime.saveable.rememberSaveable
26+
import androidx.compose.runtime.setValue
27+
import androidx.compose.ui.Alignment
28+
import androidx.compose.ui.Modifier
29+
import androidx.compose.ui.tooling.preview.Preview
30+
import androidx.compose.ui.unit.dp
31+
import com.breens.searchableexposeddropdownmenujetpackcompose.ui.theme.SearchableExposedDropDownMenuJetpackComposeTheme
32+
33+
class MainActivity : ComponentActivity() {
34+
override fun onCreate(savedInstanceState: Bundle?) {
35+
super.onCreate(savedInstanceState)
36+
setContent {
37+
SearchableExposedDropDownMenuJetpackComposeTheme {
38+
Box(Modifier.fillMaxSize(), contentAlignment = Alignment.Center) {
39+
SearchableExpandedDropDownMenu()
40+
}
41+
}
42+
}
43+
}
44+
}
45+
46+
@Composable
47+
@Preview(showSystemUi = true)
48+
fun SearchableExpandedDropDownMenu() {
49+
50+
var selectedOptionText by rememberSaveable { mutableStateOf("") }
51+
52+
var searchedOption by rememberSaveable { mutableStateOf("") }
53+
54+
var expanded by remember { mutableStateOf(false) }
55+
56+
val sports =
57+
mutableListOf("Basketball", "Rugby", "Football", "MMA", "Motorsport", "Snooker", "Tennis")
58+
59+
var filteredSports = mutableListOf<String>()
60+
61+
Column(Modifier.fillMaxWidth(), horizontalAlignment = Alignment.CenterHorizontally) {
62+
OutlinedTextField(
63+
value = selectedOptionText,
64+
onValueChange = { selectedOptionText = it },
65+
label = { Text(text = "Select Option") },
66+
trailingIcon = {
67+
IconToggleButton(checked = expanded, onCheckedChange = { expanded = it }) {
68+
if (expanded) Icon(
69+
imageVector = Icons.Outlined.KeyboardArrowUp,
70+
contentDescription = null
71+
) else Icon(
72+
imageVector = Icons.Outlined.KeyboardArrowDown,
73+
contentDescription = null
74+
)
75+
}
76+
}
77+
)
78+
79+
if (expanded) {
80+
Card(modifier = Modifier.width(280.dp)) {
81+
Column(verticalArrangement = Arrangement.spacedBy(8.dp)) {
82+
OutlinedTextField(
83+
value = searchedOption,
84+
onValueChange = { selectedSport ->
85+
searchedOption = selectedSport
86+
filteredSports = sports.filter { it.contains(searchedOption, ignoreCase = true) } as MutableList<String>
87+
}
88+
)
89+
90+
if (filteredSports.isNotEmpty()) {
91+
Column(verticalArrangement = Arrangement.spacedBy(8.dp)) {
92+
filteredSports.forEach { selectionOption ->
93+
DropdownMenuItem(
94+
onClick = {
95+
selectedOptionText = selectionOption
96+
expanded = false
97+
}
98+
) {
99+
Text(text = selectionOption)
100+
}
101+
}
102+
}
103+
} else {
104+
Column(verticalArrangement = Arrangement.spacedBy(8.dp)) {
105+
sports.forEach { selectionOption ->
106+
DropdownMenuItem(
107+
onClick = {
108+
selectedOptionText = selectionOption
109+
expanded = false
110+
}
111+
) {
112+
Text(text = selectionOption)
113+
}
114+
}
115+
}
116+
}
117+
}
118+
}
119+
}
120+
}
121+
}
Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
package com.breens.searchableexposeddropdownmenujetpackcompose.ui.theme
2+
3+
import androidx.compose.ui.graphics.Color
4+
5+
val Purple200 = Color(0xFFBB86FC)
6+
val Purple500 = Color(0xFF6200EE)
7+
val Purple700 = Color(0xFF3700B3)
8+
val Teal200 = Color(0xFF03DAC5)
Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
package com.breens.searchableexposeddropdownmenujetpackcompose.ui.theme
2+
3+
import androidx.compose.foundation.shape.RoundedCornerShape
4+
import androidx.compose.material.Shapes
5+
import androidx.compose.ui.unit.dp
6+
7+
val Shapes = Shapes(
8+
small = RoundedCornerShape(4.dp),
9+
medium = RoundedCornerShape(4.dp),
10+
large = RoundedCornerShape(0.dp)
11+
)
Lines changed: 47 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,47 @@
1+
package com.breens.searchableexposeddropdownmenujetpackcompose.ui.theme
2+
3+
import androidx.compose.foundation.isSystemInDarkTheme
4+
import androidx.compose.material.MaterialTheme
5+
import androidx.compose.material.darkColors
6+
import androidx.compose.material.lightColors
7+
import androidx.compose.runtime.Composable
8+
9+
private val DarkColorPalette = darkColors(
10+
primary = Purple200,
11+
primaryVariant = Purple700,
12+
secondary = Teal200
13+
)
14+
15+
private val LightColorPalette = lightColors(
16+
primary = Purple500,
17+
primaryVariant = Purple700,
18+
secondary = Teal200
19+
20+
/* Other default colors to override
21+
background = Color.White,
22+
surface = Color.White,
23+
onPrimary = Color.White,
24+
onSecondary = Color.Black,
25+
onBackground = Color.Black,
26+
onSurface = Color.Black,
27+
*/
28+
)
29+
30+
@Composable
31+
fun SearchableExposedDropDownMenuJetpackComposeTheme(
32+
darkTheme: Boolean = isSystemInDarkTheme(),
33+
content: @Composable () -> Unit
34+
) {
35+
val colors = if (darkTheme) {
36+
DarkColorPalette
37+
} else {
38+
LightColorPalette
39+
}
40+
41+
MaterialTheme(
42+
colors = colors,
43+
typography = Typography,
44+
shapes = Shapes,
45+
content = content
46+
)
47+
}
Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
package com.breens.searchableexposeddropdownmenujetpackcompose.ui.theme
2+
3+
import androidx.compose.material.Typography
4+
import androidx.compose.ui.text.TextStyle
5+
import androidx.compose.ui.text.font.FontFamily
6+
import androidx.compose.ui.text.font.FontWeight
7+
import androidx.compose.ui.unit.sp
8+
9+
// Set of Material typography styles to start with
10+
val Typography = Typography(
11+
body1 = TextStyle(
12+
fontFamily = FontFamily.Default,
13+
fontWeight = FontWeight.Normal,
14+
fontSize = 16.sp
15+
)
16+
/* Other default text styles to override
17+
button = TextStyle(
18+
fontFamily = FontFamily.Default,
19+
fontWeight = FontWeight.W500,
20+
fontSize = 14.sp
21+
),
22+
caption = TextStyle(
23+
fontFamily = FontFamily.Default,
24+
fontWeight = FontWeight.Normal,
25+
fontSize = 12.sp
26+
)
27+
*/
28+
)

0 commit comments

Comments
 (0)