refactor: jetpack compose(1/n)

app/build.gradle

@@ -17,6 +17,9 @@ android {
         versionName "1.2.7"
 
         testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
+        vectorDrawables {
+            useSupportLibrary true
+        }
     }
 
     buildTypes {
@@ -33,17 +36,41 @@ android {
         jvmTarget = '1.8'
     }
     namespace 'com.lsp.view'
+    buildFeatures {
+        compose true
+    }
+    composeOptions {
+        kotlinCompilerExtensionVersion '1.5.1'
+    }
+    packaging {
+        resources {
+            excludes += '/META-INF/{AL2.0,LGPL2.1}'
+        }
+    }
 }
 
 dependencies {
     implementation 'androidx.preference:preference:1.2.1'
+    implementation 'androidx.lifecycle:lifecycle-runtime-ktx:2.7.0'
+    implementation 'androidx.activity:activity-compose:1.8.2'
+    implementation platform('androidx.compose:compose-bom:2023.08.00')
+    implementation 'androidx.compose.ui:ui'
+    implementation 'androidx.compose.ui:ui-graphics'
+    implementation 'androidx.compose.ui:ui-tooling-preview'
+    implementation 'androidx.compose.material3:material3'
+    androidTestImplementation platform('androidx.compose:compose-bom:2023.08.00')
+    androidTestImplementation 'androidx.compose.ui:ui-test-junit4'
+    debugImplementation 'androidx.compose.ui:ui-tooling'
+    debugImplementation 'androidx.compose.ui:ui-test-manifest'
     def room_version = "2.5.0"
+    implementation("io.coil-kt:coil-compose:2.6.0")
 
     implementation "androidx.room:room-runtime:$room_version"
     implementation "androidx.room:room-ktx:$room_version"
     annotationProcessor "androidx.room:room-compiler:$room_version"
     ksp "androidx.room:room-compiler:$room_version"
 
+    implementation("androidx.lifecycle:lifecycle-viewmodel-compose:2.6.1")
     implementation "androidx.lifecycle:lifecycle-livedata-ktx:2.6.2"
     implementation "androidx.lifecycle:lifecycle-viewmodel-ktx:2.6.2"
     implementation("com.google.android.material:material:1.10.0")

app/src/main/AndroidManifest.xml

@@ -2,7 +2,7 @@
 <manifest xmlns:android="http://schemas.android.com/apk/res/android">
 
     <uses-permission android:name="android.permission.INTERNET" />
-    <uses-permission android:name="android.permission.POST_NOTIFICATIONS"/>
+    <uses-permission android:name="android.permission.POST_NOTIFICATIONS" />
 
     <application
         android:name=".YandViewApplication"
@@ -12,6 +12,12 @@
         android:roundIcon="@mipmap/ic_launcher_round"
         android:supportsRtl="true"
         android:theme="@style/Theme.Material3.DayNight.NoActionBar">
+        <activity
+            android:name=".ui.compose.PostActivity"
+            android:exported="true"
+            android:label="@string/title_activity_post"
+            android:theme="@style/Theme.Material3.DayNight.NoActionBar" >
+        </activity>
 
         <provider
             android:name="androidx.core.content.FileProvider"

app/src/main/java/com/lsp/view/service/DownloadService.kt

@@ -38,8 +38,8 @@ class DownloadService : Service() {
                     .url(fileUrl)
                     .build()
                 val response = client.newCall(request).execute()
-                val responseData = response.body()?.bytes()
-                return if (response.code() == 200) {
+                val responseData = response.body?.bytes()
+                return if (response.code == 200) {
                     fos.write(responseData)
                     //通知媒体更新
                     MediaScannerConnection.scanFile(

app/src/main/java/com/lsp/view/ui/compose/PostActivity.kt

@@ -0,0 +1,68 @@
+package com.lsp.view.ui.compose
+
+import android.os.Bundle
+import androidx.activity.ComponentActivity
+import androidx.activity.compose.setContent
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.wrapContentHeight
+import androidx.compose.foundation.lazy.staggeredgrid.LazyVerticalStaggeredGrid
+import androidx.compose.foundation.lazy.staggeredgrid.StaggeredGridCells
+import androidx.compose.foundation.lazy.staggeredgrid.items
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.Surface
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.collectAsState
+import androidx.compose.runtime.getValue
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.layout.ContentScale
+import androidx.compose.ui.unit.dp
+import com.lsp.view.bean.Post
+import com.lsp.view.ui.compose.theme.LspViewTheme
+import androidx.lifecycle.viewmodel.compose.viewModel
+import coil.compose.AsyncImage
+
+class PostActivity : ComponentActivity() {
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+        setContent {
+            LspViewTheme {
+                // A surface container using the 'background' color from the theme
+                Surface(
+                    modifier = Modifier.fillMaxSize(),
+                    color = MaterialTheme.colorScheme.background
+                ) {
+                    PostList()
+                }
+            }
+        }
+    }
+
+}
+
+@Composable
+fun PostList(viewModel: PostViewModel = viewModel()) {
+    val postList by viewModel.postData.collectAsState()
+    LazyVerticalStaggeredGrid(
+        columns = StaggeredGridCells.Adaptive(200.dp),
+        verticalItemSpacing = 4.dp,
+        horizontalArrangement = Arrangement.spacedBy(4.dp),
+        content = {
+            items(postList) {
+                PostItem(it)
+            }
+        }
+    )
+
+}
+
+@Composable
+fun PostItem(post:Post){
+    AsyncImage(
+        model = post.sampleUrl,
+        contentScale = ContentScale.Crop,
+        contentDescription = null,
+        modifier = Modifier.fillMaxWidth().wrapContentHeight()
+    )
+}

app/src/main/java/com/lsp/view/ui/compose/PostUiState.kt

@@ -0,0 +1,9 @@
+package com.lsp.view.ui.compose
+
+data class PostUiState(
+    var refresh:Boolean = false,
+    var searchTarget: String = "",
+    val source: String = "",
+    val safeModel: Boolean = false, //安全模式
+    var page:Int = 1,
+)

app/src/main/java/com/lsp/view/ui/compose/PostViewModel.kt

@@ -0,0 +1,49 @@
+package com.lsp.view.ui.compose
+
+import android.util.Log
+import androidx.lifecycle.ViewModel
+import androidx.lifecycle.viewModelScope
+import com.lsp.view.bean.YandPost
+import com.lsp.view.repository.exception.NetworkErrorException
+import com.lsp.view.repository.network.PostRepository
+import kotlinx.coroutines.Dispatchers
+import kotlinx.coroutines.flow.MutableStateFlow
+import kotlinx.coroutines.flow.asStateFlow
+import kotlinx.coroutines.launch
+
+class PostViewModel:ViewModel() {
+    private val _uiState = MutableStateFlow(PostUiState())
+    val uiState = _uiState.asStateFlow()
+    val postData:MutableStateFlow<List<YandPost>> = MutableStateFlow(arrayListOf())
+    private val repository by lazy {
+        PostRepository()
+    }
+
+    init {
+        initData()
+    }
+
+    private fun initData(){
+        fetchPost()
+    }
+
+    fun fetchPost(){
+        viewModelScope.launch(Dispatchers.IO) {
+            _uiState.value.refresh = true
+            try {
+                val data = repository.fetchPostData(
+                    _uiState.value.searchTarget,
+                    _uiState.value.safeModel,
+                    _uiState.value.page
+                )
+                Log.d("PostViewModel",data.size.toString())
+                postData.value = data
+
+            } catch (e: NetworkErrorException) {
+                //todo network error
+            }
+            _uiState.value.refresh = false
+        }
+    }
+
+}

app/src/main/java/com/lsp/view/ui/compose/theme/Color.kt

@@ -0,0 +1,11 @@
+package com.lsp.view.ui.compose.theme
+
+import androidx.compose.ui.graphics.Color
+
+val Purple80 = Color(0xFFD0BCFF)
+val PurpleGrey80 = Color(0xFFCCC2DC)
+val Pink80 = Color(0xFFEFB8C8)
+
+val Purple40 = Color(0xFF6650a4)
+val PurpleGrey40 = Color(0xFF625b71)
+val Pink40 = Color(0xFF7D5260)

app/src/main/java/com/lsp/view/ui/compose/theme/Theme.kt

@@ -0,0 +1,70 @@
+package com.lsp.view.ui.compose.theme
+
+import android.app.Activity
+import android.os.Build
+import androidx.compose.foundation.isSystemInDarkTheme
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.darkColorScheme
+import androidx.compose.material3.dynamicDarkColorScheme
+import androidx.compose.material3.dynamicLightColorScheme
+import androidx.compose.material3.lightColorScheme
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.SideEffect
+import androidx.compose.ui.graphics.toArgb
+import androidx.compose.ui.platform.LocalContext
+import androidx.compose.ui.platform.LocalView
+import androidx.core.view.WindowCompat
+
+private val DarkColorScheme = darkColorScheme(
+    primary = Purple80,
+    secondary = PurpleGrey80,
+    tertiary = Pink80
+)
+
+private val LightColorScheme = lightColorScheme(
+    primary = Purple40,
+    secondary = PurpleGrey40,
+    tertiary = Pink40
+
+    /* Other default colors to override
+    background = Color(0xFFFFFBFE),
+    surface = Color(0xFFFFFBFE),
+    onPrimary = Color.White,
+    onSecondary = Color.White,
+    onTertiary = Color.White,
+    onBackground = Color(0xFF1C1B1F),
+    onSurface = Color(0xFF1C1B1F),
+    */
+)
+
+@Composable
+fun LspViewTheme(
+    darkTheme: Boolean = isSystemInDarkTheme(),
+    // Dynamic color is available on Android 12+
+    dynamicColor: Boolean = true,
+    content: @Composable () -> Unit
+) {
+    val colorScheme = when {
+        dynamicColor && Build.VERSION.SDK_INT >= Build.VERSION_CODES.S -> {
+            val context = LocalContext.current
+            if (darkTheme) dynamicDarkColorScheme(context) else dynamicLightColorScheme(context)
+        }
+
+        darkTheme -> DarkColorScheme
+        else -> LightColorScheme
+    }
+    val view = LocalView.current
+    if (!view.isInEditMode) {
+        SideEffect {
+            val window = (view.context as Activity).window
+            window.statusBarColor = colorScheme.primary.toArgb()
+            WindowCompat.getInsetsController(window, view).isAppearanceLightStatusBars = darkTheme
+        }
+    }
+
+    MaterialTheme(
+        colorScheme = colorScheme,
+        typography = Typography,
+        content = content
+    )
+}

app/src/main/java/com/lsp/view/ui/compose/theme/Type.kt

@@ -0,0 +1,34 @@
+package com.lsp.view.ui.compose.theme
+
+import androidx.compose.material3.Typography
+import androidx.compose.ui.text.TextStyle
+import androidx.compose.ui.text.font.FontFamily
+import androidx.compose.ui.text.font.FontWeight
+import androidx.compose.ui.unit.sp
+
+// Set of Material typography styles to start with
+val Typography = Typography(
+    bodyLarge = TextStyle(
+        fontFamily = FontFamily.Default,
+        fontWeight = FontWeight.Normal,
+        fontSize = 16.sp,
+        lineHeight = 24.sp,
+        letterSpacing = 0.5.sp
+    )
+    /* Other default text styles to override
+    titleLarge = TextStyle(
+        fontFamily = FontFamily.Default,
+        fontWeight = FontWeight.Normal,
+        fontSize = 22.sp,
+        lineHeight = 28.sp,
+        letterSpacing = 0.sp
+    ),
+    labelSmall = TextStyle(
+        fontFamily = FontFamily.Default,
+        fontWeight = FontWeight.Medium,
+        fontSize = 11.sp,
+        lineHeight = 16.sp,
+        letterSpacing = 0.5.sp
+    )
+    */
+)

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

@@ -29,4 +29,5 @@
     <string name="title_share">Share</string>
     <string name="title_collect">Collect</string>
     <string name="tags">Tags</string>
+    <string name="title_activity_post">PostActivity</string>
 </resources>

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

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+
+    <style name="Theme.Material3.DayNight.NoActionBar" parent="android:Theme.Material.Light.NoActionBar" />
+</resources>