Xamarin Forms绑定前修改数据：如何关联显示国家表名称代替country_id

方案1：调整服务端查询逻辑（首推） #

直接在服务端完成两表关联查询，接口返回数据中直接携带国家名称，移动端无需额外处理，性能最优。

• 参考关联SQL语句：SELECT r.*, c.country_name FROM Tb_Region r LEFT JOIN Tb_Country c ON r.country_id = c.id
• 移动端直接定义包含CountryName字段的视图模型，接收接口返回数据后可直接绑定到ListView。

方案2：移动端本地关联（服务端无法调整时使用） #

步骤1：获取两份基础数据 #

分别调用接口获取全量国家列表List<Tb_Country>和区域列表List<Tb_Region>。

步骤2：定义绑定用的展示模型 #

public class RegionDisplayModel
{
    // 按需添加其他区域字段
    public string RegionName { get; set; }
    public int CountryId { get; set; }
    public string CountryName { get; set; }
}

步骤3：关联生成绑定集合 #

使用Linq完成两表关联，数据量大时建议先将国家列表转成字典提升查询效率：

// 转字典优化查询效率
var countryDict = countryList.ToDictionary(c => c.Id, c => c.CountryName);

var displayList = regionList.Select(r => new RegionDisplayModel
{
    RegionName = r.RegionName,
    CountryId = r.country_id,
    CountryName = countryDict.TryGetValue(r.country_id, out var countryName) ? countryName : "未知国家"
}).ToList();

步骤4：绑定到ListView #

XAML中直接绑定对应的字段即可：

<ListView ItemsSource="{Binding displayList}">
    <ListView.ItemTemplate>
        <DataTemplate>
            <ViewCell>
                <StackLayout Orientation="Horizontal" Spacing="10">
                    <Label Text="{Binding RegionName}"/>
                    <Label Text="{Binding CountryName}"/>
                </StackLayout>
            </ViewCell>
        </DataTemplate>
    </ListView.ItemTemplate>
</ListView>

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