Toolbar元素与样式添加及跨Activity更新用户积分值技术问询

Hey there! Let's work through your three Toolbar requirements with practical, actionable code examples—this should cover everything you need:

First, let's build out the Toolbar layout with common elements and apply base styles:

• Layout Setup: In your activity's XML, define the Toolbar with custom elements like a title, navigation icon, and a text view for points display:

<androidx.appcompat.widget.Toolbar
    android:id="@+id/main_toolbar"
    android:layout_width="match_parent"
    android:layout_height="?attr/actionBarSize"
    android:background="@color/toolbar_primary"
    app:title="My App"
    app:titleTextColor="@color/white"
    app:navigationIcon="@drawable/ic_menu">

    <!-- Custom user points display -->
    <TextView
        android:id="@+id/tv_user_points"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Points: 0"
        android:textColor="@color/white"
        android:layout_marginEnd="16dp"/>

</androidx.appcompat.widget.Toolbar>

• Reusable Global Style: In res/values/styles.xml, define a base Toolbar style to maintain consistency across your app:

<style name="AppToolbarStyle" parent="Widget.AppCompat.Toolbar">
    <item name="android:background">@color/toolbar_primary</item>
    <item name="titleTextColor">@color/white</item>
    <item name="subtitleTextColor">@color/light_gray</item>
    <item name="navigationIconTint">@color/white</item>
</style>

Apply it to your Toolbar via style="@style/AppToolbarStyle" in the XML layout.

You can set up distinct styles for different scenarios (e.g., different screens, light/dark mode) in two flexible ways:

• Predefined Style Sets: Create multiple styles in styles.xml for specific use cases:

<!-- Secondary Screen Toolbar Style -->
<style name="SecondaryToolbarStyle" parent="Widget.AppCompat.Toolbar">
    <item name="android:background">@color/toolbar_secondary</item>
    <item name="titleTextColor">@color/black</item>
</style>

<!-- Dark Mode Toolbar Style -->
<style name="DarkToolbarStyle" parent="Widget.AppCompat.Toolbar">
    <item name="android:background">@color/black</item>
    <item name="titleTextColor">@color/white</item>
</style>

Switch styles dynamically in your Activity:

// Apply secondary toolbar style for a specific screen
main_toolbar.applyStyle(R.style.SecondaryToolbarStyle)

• On-the-Fly Color Adjustments: If you need to tweak colors dynamically (e.g., based on user preferences), use direct property calls:

// Update background color
main_toolbar.setBackgroundColor(ContextCompat.getColor(this, R.color.custom_accent))
// Update title text color
main_toolbar.setTitleTextColor(ContextCompat.getColor(this, R.color.custom_text))

To keep the points value synced across all Activities, use a shared data source and refresh the Toolbar whenever the Activity becomes visible:

• Option 1: ViewModel (Recommended for Modern Apps)
  Create a shared ViewModel to hold and observe user points:

class UserPointsViewModel : ViewModel() {
    private val _points = MutableLiveData<Int>(0)
    val points: LiveData<Int> = _points

    fun updatePoints(newPoints: Int) {
        _points.value = newPoints
    }
}

In every Activity, initialize the ViewModel and observe changes to update the Toolbar:

val viewModel = ViewModelProvider(this)[UserPointsViewModel::class.java]

viewModel.points.observe(this) { currentPoints ->
    findViewById<TextView>(R.id.tv_user_points).text = "Points: $currentPoints"
}

// When points change (e.g., after a reward is earned), call:
// viewModel.updatePoints(newPointsValue)

• Option 2: SharedPreferences (For Simple Use Cases)
  Save points to SharedPreferences when they change:

val sharedPref = getSharedPreferences("UserPrefs", Context.MODE_PRIVATE)
with(sharedPref.edit()) {
    putInt("user_points", newPoints)
    apply()
}

Refresh the Toolbar in each Activity's onResume() method:

override fun onResume() {
    super.onResume()
    val sharedPref = getSharedPreferences("UserPrefs", Context.MODE_PRIVATE)
    val currentPoints = sharedPref.getInt("user_points", 0)
    findViewById<TextView>(R.id.tv_user_points).text = "Points: $currentPoints"
}

This ensures every time the user navigates back to an Activity, the points value updates automatically.

内容的提问来源于stack exchange，提问作者bakting