Xamarin.Forms学习历程(六)——数据绑定

久等了,今天讲Xamarin.Forms里的核心——数据绑定,是将数据绑定到对应的view上,实现cs文件与XML文件的数据流通。今天普通的数据绑定我不做讲解,今天只讲个最复杂的,就是将接口解析的数据为模型数组,再将模型数组映射到对应的ListView上。下面就来逐一讲解。

1、新建数据模型##

根据接口的数据返回值新建对应的模型。

    public class JFCustomers
    {
        [JsonProperty("list")]
        public IEnumerable Items { get; set; }
    }

    public class JFCustomer
    {
        [JsonProperty("address")]
        public string address { get; set; }

        [JsonProperty("customerType")]
        public string customerType { get; set; }

        [JsonProperty("customerTypeView")]
        public string customerTypeView { get; set; }

        [JsonProperty("id")]
        public string id { get; set; }

        [JsonProperty("investProductCount")]
        public string investProductCount { get; set; }

        [JsonProperty("investShareAmountTotal")]
        public string investShareAmountTotal { get; set; }

        [JsonProperty("investShareTotal")]
        public string investShareTotal { get; set; }

        [JsonProperty("mobile")]
        public string mobile { get; set; }

        [JsonProperty("name")]
        public string name { get; set; }

    }

[JsonProperty("XXXX")]是为了解析数据能映射到模型对应的属性上去,所以尽量让模型属性名与Json里数据值对应的“key”名字保持一致。

2、调接口,获取数据##

这里网络使用的是httpclient,请不要使用request,因为request里有些方法已经不再使用。

    protected override async void OnAppearing()
    {
        base.OnAppearing();
        int currentPage = 1;
        String sequenceName = "investShareAmountTotal";
        String uri = JFGobalData.baseUrl + "/api/fund/clients?keyWords=" + searchBar.Text + "&page=" + currentPage + "&pageSize=10&sort=" + sequenceName;
        HttpClient client = new HttpClient();
        client.DefaultRequestHeaders.Add("X-Auth-Token",urlToken);
        var task = await client.GetAsync(uri);
        var jsonString = await task.Content.ReadAsStringAsync();
        var converted = JsonConvert.DeserializeObject(jsonString);
        customerListView.ItemsSource = converted.Items;
    }

这里是在界面刚开始加载时调用接口,我们只需要看最后两行代码

var converted = JsonConvert.DeserializeObject(jsonString);
customerListView.ItemsSource = converted.Items;

第一行是将json解析成模型数组,第二行是将模型数组给ListView的ItemsSource,这样我们就完成了宏观的数据绑定,我们还需要将模型里的各个数据放到对应的view里展示。

3、模型属性分发给View##

这里才是最后的重中之重,我们还是看代码来分析


                
                     
                

                
                    
                        
                            
                                
                                    
                                            
                                
                            
                        
                    
                
            

其实这里真没有什么可说而
我只说一点

ItemSelected = "customerListViewItemSelected"

这个用来给每一行元素提供点击事件,或许你会问,我怎么知道我点击的是哪一行,下面就给你解答。

4、获取点击的模型##

void customerListViewItemSelected(object sender, SelectedItemChangedEventArgs e)
{
    JFCustomerDetailPage customerDetailPage = new JFCustomerDetailPage();
    customerDetailPage.customerModel = (JFCustomer)e.SelectedItem;
    this.Navigation.PushAsync(customerDetailPage);
}

这样你就可以拿到你所点击那一行。

结语#

本人才疏学浅,如有描述不对的地方望大神指正。还有Xamarin目前似乎不在维护,请小心跳坑,个人认为拿来做小应用是可以的,大型应用最好还是寻找别的解决方案。谢谢。

你可能感兴趣的:(Xamarin.Forms学习历程(六)——数据绑定)