咨询：如何精简Xamarin底部导航栏标签点击事件的代码

嘿，我来帮你把这段重复的标签切换代码精简一下！核心思路是把重复的颜色设置和页面切换逻辑封装成一个通用方法，这样两个标签的点击事件只需要调用这个方法就行，既简洁又好维护。

第一步：封装通用状态更新方法 #

先写一个统一处理标签选中状态的方法，把颜色切换、页面替换的逻辑都收拢进去，还可以顺便优化页面实例的创建（避免每次点击都新建页面，提升性能）：

// 提前定义好活跃/非活跃状态的颜色，后续改色只需要改这里
private readonly Color _activeColor = Color.FromHex("#318ce7");
private readonly Color _inactiveColor = Color.Gray;

// 缓存页面实例，避免重复创建
private Tutorials _tutorialsPage;
private Calculator _calculatorPage;

public YourPageConstructor() // 替换成你的页面构造函数名
{
    InitializeComponent();
    // 初始化页面实例
    _tutorialsPage = new Tutorials();
    _calculatorPage = new Calculator();
    // 默认选中第一个标签
    UpdateTabState(isTutorialSelected: true);
}

// 通用的标签状态更新方法
private void UpdateTabState(bool isTutorialSelected)
{
    // 切换页面内容
    PlaceHolder.Content = isTutorialSelected ? _tutorialsPage.Content : _calculatorPage.Content;

    // 批量设置两个标签的颜色状态
    TutView.Foreground = isTutorialSelected ? _activeColor : _inactiveColor;
    TutTxt.TextColor = isTutorialSelected ? _activeColor : _inactiveColor;
    
    CalcView.Foreground = isTutorialSelected ? _inactiveColor : _activeColor;
    CalcTxt.TextColor = isTutorialSelected ? _inactiveColor : _activeColor;
}

第二步：简化点击事件 #

原来的两个标签点击事件可以直接简化成一行代码，调用上面的通用方法即可：

void Tutorials_Tabbed(object sender, EventArgs e)
{
    UpdateTabState(isTutorialSelected: true);
}

// 对应的计算器标签点击事件
void Calculator_Tabbed(object sender, EventArgs e)
{
    UpdateTabState(isTutorialSelected: false);
}

这样优化的好处 #

• 减少重复代码：不用在两个点击事件里写重复的颜色设置逻辑，后续要调整样式或逻辑，只需要修改UpdateTabState方法
• 提升可维护性：如果以后要加第三个标签，只需要在通用方法里新增对应的控件颜色设置，不用重复写逻辑
• 优化性能：缓存页面实例避免了每次点击都新建页面对象的开销

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