c# - Windows Phone 7でJsonデータを表示する方法

Question

私は Windows Phone の初心者で、リスト ボックスに JSON 文字列を入力する方法がわかりません。私のアプリケーションでは、Web サービスから来る Json 文字列があります。

だから、ここに私のjson文字列[json配列]があります:

{
"type":"ok",
"result":
       {
       "Country":[{
                    "title":"Country-1",
                    "description":"US",
                    "status":"1"
                  },
                  {
                    "title":"Country-2",
                    "description":"Australia",
                    "status":"0"
                   },
                   {
                    "title":"Country-3",
                    "description":"Brazil,
                    "status":"0"
                  }      
                 ]
        }
}

そして、それをアプリケーションのリスト ボックスにバインドしたいと考えています。リストボックスにバインドする方法がわかりません。

そのためのxamlとc#のコード全体を教えてください。

Answer 1

まず最初に、json 文字列を C# モデル表現 (DeSerialization) に変換するのに役立つ優れたライブラリが必要です。

自分で作成するか、組み込みのプラットフォーム デシリアライザーを使用するか、単に NewtonSoft.json を使用することができます。

NewtonSoft for WP をインストールするには、Nuget を使用します。6.x シリーズは Windows Phone 7 をサポートしていないため、バージョン 5.0.8 を使用する必要があることに注意してください。

json 文字列を少し簡略化しましたが、国のプロパティが国のリストを保持する理由がわかりませんか?

c#、コード ビハインドで

public partial class MainPage : PhoneApplicationPage
{
    // Constructor
    public MainPage()
    {
        InitializeComponent();

        //BindCountries();
    }

    protected override void OnNavigatedTo(NavigationEventArgs e)
    {
        BindCountries();
    }

    private void BindCountries()
    {
        var json =
            "{\"type\":\"ok\",\"countries\":[{\"title\":\"Country-1\",\"description\":\"US\",\"status\":\"1\"},{\"title\":\"Country-2\",\"description\":\"Australia\",\"status\":\"0\"},{\"title\":\"Country-3\",\"description\":\"Brazil\",\"status\":\"0\"}]}";

        var countryResult = JsonConvert.DeserializeObject<CountryResult>(json);

        if (countryResult.Type.Equals("ok", StringComparison.InvariantCultureIgnoreCase))
        {
            lstCountries.ItemsSource = countryResult.Countries;
        }

    }
}

public class CountryResult
{
    public string Type { get; set; }
    public IEnumerable<Country> Countries { get; set; }
}

public class Country
{
    public string Title { get; set; }
    public string Description { get; set; }
    public int Status { get; set; }
}

Xaml:

<phone:PhoneApplicationPage 
x:Class="PhoneApp1.MainPage"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d" d:DesignWidth="480" d:DesignHeight="768"
FontFamily="{StaticResource PhoneFontFamilyNormal}"
FontSize="{StaticResource PhoneFontSizeNormal}"
Foreground="{StaticResource PhoneForegroundBrush}"
SupportedOrientations="Portrait" Orientation="Portrait"
shell:SystemTray.IsVisible="True">

<!--LayoutRoot is the root grid where all page content is placed-->
<Grid x:Name="LayoutRoot" Background="Transparent">
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto"/>
        <RowDefinition Height="*"/>
    </Grid.RowDefinitions>

    <!--TitlePanel contains the name of the application and page title-->
    <StackPanel x:Name="TitlePanel" Grid.Row="0" Margin="12,17,0,28">
        <TextBlock x:Name="ApplicationTitle" Text="MY APPLICATION" Style="{StaticResource PhoneTextNormalStyle}"/>
        <TextBlock x:Name="PageTitle" Text="page name" Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>
    </StackPanel>

    <!--ContentPanel - place additional content here-->
    <Grid  x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
        <ListBox x:Name="lstCountries">
            <ListBox.ItemTemplate>
                <DataTemplate>
                    <StackPanel>
                        <TextBlock FontSize="{StaticResource PhoneFontSizeExtraLarge}" Text="{Binding Title}" />
                        <TextBlock Text="{Binding Description}" />
                    </StackPanel>

                </DataTemplate>
            </ListBox.ItemTemplate>
        </ListBox>

    </Grid>
</Grid>

結果：