Browse Source

@fun: LoginScreen.kt

bai 3 years ago
parent
commit
0fa8533be5

+ 3 - 2
app/src/main/java/com/ys/bdtp/adm/App.kt

@@ -10,7 +10,7 @@ import com.google.accompanist.insets.ProvideWindowInsets
 import com.google.accompanist.systemuicontroller.rememberSystemUiController
 import com.ys.bdtp.adm.app.theme.AdmTheme
 import com.ys.bdtp.adm.di.di
-import com.ys.bdtp.adm.mvvm.ui.screen.login.LoginScreen
+import com.ys.bdtp.adm.mvvm.ui.screen.home.HomeScreen
 import org.kodein.di.compose.onDIContext
 import org.kodein.di.compose.withDI
 
@@ -35,7 +35,8 @@ fun App() = withDI(di(LocalContext.current)) {
                             darkIcons = useDarkIcons,
                         )
                     }
-                    LoginScreen()
+                    // LoginScreen()
+                    HomeScreen()
                 }
             }
         }

+ 84 - 0
app/src/main/java/com/ys/bdtp/adm/mvvm/ui/screen/home/HomeScreen.kt

@@ -0,0 +1,84 @@
+package com.ys.bdtp.adm.mvvm.ui.screen.home
+
+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.fillMaxSize
+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.layout.wrapContentHeight
+import androidx.compose.material.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import androidx.compose.ui.unit.sp
+import com.google.accompanist.insets.LocalWindowInsets
+import com.google.accompanist.insets.rememberInsetsPaddingValues
+import com.ys.bdtp.adm.R
+
+@Composable
+fun HomeScreen() {
+    Column(modifier = Modifier.fillMaxSize()) {
+        HomeTopBar("京东科技大厦")
+    }
+}
+
+@Composable
+fun HomeTopBar(projectName: String) {
+    Box(
+        modifier = Modifier.fillMaxWidth().wrapContentHeight().background(Color.White).padding(
+            rememberInsetsPaddingValues(
+                LocalWindowInsets.current.statusBars
+            )
+        ),
+    ) {
+        Row(
+            modifier = Modifier.height(56.dp),
+            horizontalArrangement = Arrangement.SpaceBetween,
+            verticalAlignment = Alignment.CenterVertically
+        ) {
+            //Spacer(Modifier.statusBarsHeight())
+            Row(
+                verticalAlignment = Alignment.CenterVertically,
+                horizontalArrangement = Arrangement.Start
+
+            ) {
+                Spacer(modifier = Modifier.width(32.dp))
+                Image(
+                    painter = painterResource(R.drawable.logo),
+                    contentDescription = "",
+                    modifier = Modifier.height(36.dp),
+                )
+                Spacer(modifier = Modifier.width(16.dp))
+                Spacer(modifier = Modifier.height(24.dp).width(1.dp).background(Color(0xFFD8D8D8)))
+                Spacer(modifier = Modifier.width(16.dp))
+                Text(text = projectName, fontSize = 16.sp, color = Color(0xFF1F2329))
+                Spacer(modifier = Modifier.width(16.dp))
+                Image(
+                    painter = painterResource(R.drawable.arrow_down),
+                    contentDescription = ""
+                )
+            }
+        }
+        Spacer(
+            modifier = Modifier.fillMaxWidth().height(1.dp).background(Color(0xFFEFF0F1))
+                .align(Alignment.BottomCenter)
+        )
+    }
+}
+
+@Preview
+@Composable
+fun PreviewHomeTopBar() {
+    HomeTopBar("京东科技大厦")
+}

BIN
app/src/main/res/drawable-hdpi/arrow_back.png


BIN
app/src/main/res/drawable-hdpi/arrow_down.png


BIN
app/src/main/res/drawable-xhdpi/arrow_back.png


BIN
app/src/main/res/drawable-xhdpi/arrow_down.png