第五次

第五天冲刺任务目标与解决方案

任务目标：

• 重新设定开发功能。
• 实现主页功能，包括更换头像等。

遇到的问题：

• 主页功能未实现，无法更换头像。

具体步骤

1. 重新设定开发功能

根据现有问题，重新设定开发功能，以确保每个功能模块都能够顺利实现。

1. 功能模块划分：将个人主页功能划分为几个独立的模块，例如：

   • 用户信息显示
   • 头像更换
   • 信息编辑与保存

2. 优先级设定：优先实现核心功能，如头像更换和基本信息显示。

2. 实现头像更换功能

详细步骤如下：

1. 界面设计：设计一个简单明了的界面，包含头像显示区、上传按钮、确认和取消按钮。

@Composable
fun UserProfileScreen() {
    val imageUri = remember { mutableStateOf<Uri?>(null) }
    val context = LocalContext.current

    Column(
        modifier = Modifier
            .fillMaxSize()
            .padding(16.dp),
        verticalArrangement = Arrangement.Center,
        horizontalAlignment = Alignment.CenterHorizontally
    ) {
        imageUri.value?.let { uri ->
            Image(
                painter = rememberImagePainter(uri),
                contentDescription = null,
                modifier = Modifier.size(128.dp).clip(CircleShape)
            )
        } ?: Image(
            painter = painterResource(id = R.drawable.default_avatar),
            contentDescription = null,
            modifier = Modifier.size(128.dp).clip(CircleShape)
        )
        Spacer(modifier = Modifier.height(16.dp))
        Button(onClick = { /* Open gallery to pick image */ }) {
            Text("Change Avatar")
        }
    }
}

2. 实现图片选择功能：

val launcher = rememberLauncherForActivityResult(
    contract = ActivityResultContracts.GetContent()
) { uri: Uri? ->
    uri?.let {
        imageUri.value = it
        // Save the selected image URI in shared preferences or database
    }
}

// In the Button onClick event, call launcher.launch("image/*")
Button(onClick = { launcher.launch("image/*") }) {
    Text("Change Avatar")
}

3. 保存头像：将选择的图片URI保存到本地存储或数据库中，以便下次应用启动时加载。

val sharedPreferences = context.getSharedPreferences("UserProfile", Context.MODE_PRIVATE)
sharedPreferences.edit().putString("avatar_uri", imageUri.value.toString()).apply()

4. 加载头像：在应用启动时加载保存的头像URI。

val savedUri = sharedPreferences.getString("avatar_uri", null)
imageUri.value = savedUri?.let { Uri.parse(it) }

3. 实现用户信息显示与编辑

1. 用户信息显示：

@Composable
fun UserInfoDisplay(name: String, email: String) {
    Column(
        modifier = Modifier.padding(16.dp)
    ) {
        Text(text = "Name: $name", style = MaterialTheme.typography.h6)
        Text(text = "Email: $email", style = MaterialTheme.typography.body1)
    }
}

2. 用户信息编辑：

@Composable
fun UserInfoEdit(name: String, email: String, onSave: (String, String) -> Unit) {
    var newName by remember { mutableStateOf(name) }
    var newEmail by remember { mutableStateOf(email) }

    Column(
        modifier = Modifier.padding(16.dp)
    ) {
        TextField(value = newName, onValueChange = { newName = it }, label = { Text("Name") })
        TextField(value = newEmail, onValueChange = { newEmail = it }, label = { Text("Email") })
        Spacer(modifier = Modifier.height(16.dp))
        Button(onClick = { onSave(newName, newEmail) }) {
            Text("Save")
        }
    }
}

3. 保存信息：将编辑后的信息保存到本地存储或数据库中。

val sharedPreferences = context.getSharedPreferences("UserProfile", Context.MODE_PRIVATE)
sharedPreferences.edit().putString("name", newName).putString("email", newEmail).apply()

4. 测试与优化

• 功能测试：测试每个功能模块，确保头像更换和信息编辑功能正常工作。
• 用户反馈：收集用户反馈，进行必要的优化和调整。

总结

通过重新设定开发功能，详细实现头像更换和用户信息设置等功能，并进行充分的测试与优化，你可以有效解决主页功能未实现的问题，确保功能正常运行。