tmytのらくがき

個人の日記レベルです

地下鉄スタイルアプリケーション

MetroStyleApps

MSDNで見かけたのですが

コードで構成する必要がありますので地下鉄スタイル アプリケーション構成ファイルを使用しないでください。

Windows ストア クライアント アプリケーションによる WCF サービスへのアクセス

こういうことですか？

ちなみにC#

private void pageRoot_Loaded_1(object sender, RoutedEventArgs e)
{
            
    var xe = XElement.Load("Assets/metro.xml");
    var q = xe.Descendants("line").Select(x=>new {Image=x.Attribute("image").Value, 
        Color=new SolidColorBrush(parseColor(x.Attribute("color").Value)),
        Title=x.Attribute("name").Value});
    groupedItemsViewSource.Source = Enumerable.Range(0, 1).Select(_ => new
    {
        TopItems = q,
        Title="大阪市営地下鉄"
    });
}

Color parseColor(string s)
{
    string r = s.Substring(0, 2);
    string g = s.Substring(2, 2);
    string b = s.Substring(4, 2);
    return Color.FromArgb(192, Convert.ToByte(r, 16), Convert.ToByte(g, 16), Convert.ToByte(b, 16));
}

とデータのXML

<lines>
    <line image="http://upload.wikimedia.org/wikipedia/ja/f/fb/Osaka_subway_80.jpg" color="ee7b1a" name="今里筋線" />
    <line image="http://upload.wikimedia.org/wikipedia/commons/thumb/1/17/Osaka_subway_New70.jpg/300px-Osaka_subway_New70.jpg" color="A9CC51" name="長堀鶴見緑地線" />
    <line image="http://upload.wikimedia.org/wikipedia/ja/thumb/c/ce/OsakaSubway66Series01.jpg/250px-OsakaSubway66Series01.jpg" color="814721" name="堺筋線" />
    <line image="http://upload.wikimedia.org/wikipedia/ja/thumb/5/5a/大阪市交通局25系電車.jpg/200px-大阪市交通局25系電車.jpg" color="E44D93" name="千日前線" />
    <line image="http://upload.wikimedia.org/wikipedia/commons/thumb/c/c8/OsakaSubway_Series_24_Chuo.jpg/250px-OsakaSubway_Series_24_Chuo.jpg" color="019A66" name="中央線" />
    <line image="http://upload.wikimedia.org/wikipedia/ja/thumb/6/68/Osaka23yotsubashi.JPG/250px-Osaka23yotsubashi.JPG" color="0078BA" name="四つ橋線" />
    <line image="http://upload.wikimedia.org/wikipedia/commons/thumb/8/80/Osaka_Subway_32601F_20090918.jpg/250px-Osaka_Subway_32601F_20090918.jpg" color="522886" name="谷町線" />
    <line image="http://upload.wikimedia.org/wikipedia/ja/thumb/6/6b/OsakaCity10_1121F_and_21_21603F.jpg/250px-OsakaCity10_1121F_and_21_21603F.jpg" color="E5171F" name="御堂筋線" />
</lines>