Home (Page 2)

ListBoxのアイテムを追加/削除するときにアニメーションさせるためのコントロールを作ってみた

Posted on 2016/08/09 by twyujiro15

どこかの投稿サイトで、
ListBox コントロールに動的にアイテムを追加したとき、
アニメーションするようにしたいけどどうすればいいの？
みたいな質問が飛んでいて、
こうやったらできるんじゃないかな～と思っていたものを
実際に組んでみたので紹介しようと思います。

完成品はこちら。

ListBox コントロールなどの ItemsControl 派生のコントロールは、
指定されたアイテムを並べるとき、
コンテナと呼ばれるコントロールに各アイテムを入れて表示しています。
ここでは、そのコンテナをカスタムコントロールにして、
そのコントロール内でアニメーション処理させます。

というわけでカスタムコントロール AnimatedContainer クラスを作ります。

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                    xmlns:local="clr-namespace:AnimatedListBoxItem">
    <Style TargetType="{x:Type local:AnimatedContainer}">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type local:AnimatedContainer}">
                    <Border Background="{TemplateBinding Background}"
                            BorderBrush="{TemplateBinding BorderBrush}"
                            BorderThickness="{TemplateBinding BorderThickness}">
                        <StackPanel>
                            <Button x:Name="PART_DeleteButton" />
                            <ContentPresenter />
                        </StackPanel>
                    </Border>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
</ResourceDictionary>

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

xmlns:local="clr-namespace:AnimatedListBoxItem">

<Setter.Value>

<Border Background="{TemplateBinding Background}"

BorderBrush="{TemplateBinding BorderBrush}"

BorderThickness="{TemplateBinding BorderThickness}">

</StackPanel>

</Border>

</ControlTemplate>

</Setter.Value>

</Setter>

</Style>

</ResourceDictionary>

ほぼ自動生成されたコードのままですが、
Border コントロールの中に Button をひとつと、
指定されたコンテンツを表示させるための ContentPresenter を置いてあります。
非常に雑な置き方ですが、
このカスタムコントロールの配置はなんでもいいです。
というのは、実際の配置はこのカスタムコントロールを使う側で
Template を指定してユーザ側で指定してもらうからです。

さておき、
コードビハインドを見てみましょう。

namespace AnimatedListBoxItem
{
    using System;
    using System.Windows;
    using System.Windows.Controls;
    using System.Windows.Input;
    using System.Windows.Media.Animation;

    /// <summary>
    /// アニメーションを含むコンテナを表します。
    /// </summary>
    [TemplatePart(Name = PART_DeleteButton, Type = typeof(Button))]
    public class AnimatedContainer : ContentControl
    {
        #region TemplatePart
        /// <summary>
        /// 削除ボタンに対する名前
        /// </summary>
        private const string PART_DeleteButton = "PART_DeleteButton";

        private Button _deleteButton;
        /// <summary>
        /// 削除ボタンを取得または設定します。
        /// </summary>
        private Button DeleteButton
        {
            get { return this._deleteButton; }
            set
            {
                if (this._deleteButton != null)
                {
                    this._deleteButton.Click -= OnDeleteButtonClick;
                }
                this._deleteButton = value;
                if (this._deleteButton != null)
                {
                    this._deleteButton.Click += OnDeleteButtonClick;
                }
            }
        }

        /// <summary>
        /// テンプレートを適用します。
        /// </summary>
        public override void OnApplyTemplate()
        {
            base.OnApplyTemplate();

            this.DeleteButton = this.Template.FindName(PART_DeleteButton, this) as Button;
        }
        #endregion TemplatePart

        #region コンストラクタ
        /// <summary>
        /// 静的なコンストラクタを表します。
        /// </summary>
        static AnimatedContainer()
        {
            DefaultStyleKeyProperty.OverrideMetadata(typeof(AnimatedContainer), new FrameworkPropertyMetadata(typeof(AnimatedContainer)));
        }

        /// <summary>
        /// 新しいインスタンスを生成します。
        /// </summary>
        public AnimatedContainer()
        {
            this.Opacity = 0;

            #region InAnimation 初期化

            this._heightInAnimation = new DoubleAnimation()
            {
                From = 0,
                Duration = TimeSpan.FromMilliseconds(200),
            };
            Storyboard.SetTargetProperty(this._heightInAnimation, new PropertyPath("Height"));

            this._widthInAnimation = new DoubleAnimation()
            {
                From = 0,
                Duration = TimeSpan.FromMilliseconds(200),
            };
            Storyboard.SetTargetProperty(this._widthInAnimation, new PropertyPath("Width"));

            this._opacityInAnimation = new DoubleAnimation()
            {
                From = 0,
                To = 1,
                BeginTime = TimeSpan.FromMilliseconds(240),
                Duration = TimeSpan.FromMilliseconds(200),
            };
            Storyboard.SetTargetProperty(this._opacityInAnimation, new PropertyPath("Opacity"));

            this._inStoryboard = new Storyboard();
            this._inStoryboard.Completed += (_, __) => this._isAnimated = null;

            #endregion InAnimation 初期化

            #region OutAnimation 初期化

            this._heightOutAnimation = new DoubleAnimation()
            {
                To = 0,
                BeginTime = TimeSpan.FromMilliseconds(240),
                Duration = TimeSpan.FromMilliseconds(200),
            };
            Storyboard.SetTargetProperty(this._heightOutAnimation, new PropertyPath("Height"));

            this._widthOutAnimation = new DoubleAnimation()
            {
                To = 0,
                BeginTime = TimeSpan.FromMilliseconds(240),
                Duration = TimeSpan.FromMilliseconds(200),
            };
            Storyboard.SetTargetProperty(this._widthOutAnimation, new PropertyPath("Width"));

            this._opacityOutAnimation = new DoubleAnimation()
            {
                From = 1,
                To = 0,
                Duration = TimeSpan.FromMilliseconds(200),
            };
            Storyboard.SetTargetProperty(this._opacityOutAnimation, new PropertyPath("Opacity"));

            this._outStoryboard = new Storyboard();
            this._outStoryboard.Completed += (_, __) =>
            {
                this._isAnimated = null;
                if (this.DeletedCommand != null)
                {
                    if (DeletedCommand.CanExecute(this.DataContext))
                    {
                        DeletedCommand.Execute(this.DataContext);
                    }
                }
            };

            #endregion OutAnimation 初期化

            this.SizeChanged += OnSizeChanged;
        }
        #endregion コンストラクタ

        #region DeletedCommand 依存関係プロパティ

        /// <summary>
        /// DeletedCommand 依存関係プロパティを定義します。
        /// </summary>
        public static DependencyProperty DeletedCommandProperty = DependencyProperty.Register("DeletedCommand", typeof(ICommand), typeof(AnimatedContainer), new PropertyMetadata(null));

        /// <summary>
        /// 削除ボタンクリック後に実行されるコマンドを取得または設定します。
        /// </summary>
        public ICommand DeletedCommand
        {
            get { return (ICommand)GetValue(DeletedCommandProperty); }
            set { SetValue(DeletedCommandProperty, value); }
        }

        #endregion DeletedCommand 依存関係プロパティ

        #region Direction 依存関係プロパティ
        public static readonly DependencyProperty DirectionProperty = DependencyProperty.Register("Direction", typeof(SizeToContent), typeof(AnimatedContainer), new PropertyMetadata(SizeToContent.Height));

        public SizeToContent Direction
        {
            get { return (SizeToContent)GetValue(DirectionProperty); }
            set { SetValue(DirectionProperty, value); }
        }
        #endregion Direction 依存関係プロパティ

        #region イベントハンドラ

        /// <summary>
        /// 削除ボタンクリックイベントハンドラ
        /// </summary>
        /// <param name="sender">イベント発行元</param>
        /// <param name="e">イベント引数</param>
        private void OnDeleteButtonClick(object sender, RoutedEventArgs e)
        {
            BeginOutAnimation();
        }

        /// <summary>
        /// SizeChanged イベントハンドラ
        /// </summary>
        /// <param name="sender">イベント発行元</param>
        /// <param name="e">イベント引数</param>
        private void OnSizeChanged(object sender, SizeChangedEventArgs e)
        {
            //if (this._isAnimated == null)
            //{
            //    this._isAnimated = false;
            //    return;
            //}
            if ((this._isAnimated != null) && this._isAnimated.Value)
                return;

            this._heightInAnimation.To = e.NewSize.Height;
            this._widthInAnimation.To = e.NewSize.Width;
            BeginInAnimation();
        }

        #endregion イベントハンドラ

        #region アニメーション
        /// <summary>
        /// 表示開始アニメーションを開始します。
        /// </summary>
        private void BeginInAnimation()
        {
            this._inStoryboard.Children.Clear();
            switch (this.Direction)
            {
                case SizeToContent.Height:
                    this._inStoryboard.Children.Add(this._heightInAnimation);
                    break;

                case SizeToContent.Manual:
                    break;

                case SizeToContent.Width:
                    this._inStoryboard.Children.Add(this._widthInAnimation);
                    break;

                case SizeToContent.WidthAndHeight:
                    this._inStoryboard.Children.Add(this._heightInAnimation);
                    this._inStoryboard.Children.Add(this._widthInAnimation);
                    break;
            }
            this._inStoryboard.Children.Add(this._opacityInAnimation);

            this._isAnimated = true;
            this.BeginStoryboard(this._inStoryboard);
        }

        /// <summary>
        /// 非表示アニメーションを開始します。
        /// </summary>
        private void BeginOutAnimation()
        {
            this._outStoryboard.Children.Clear();
            switch (this.Direction)
            {
                case SizeToContent.Height:
                    this._outStoryboard.Children.Add(this._heightOutAnimation);
                    break;

                case SizeToContent.Manual:
                    break;

                case SizeToContent.Width:
                    this._outStoryboard.Children.Add(this._widthOutAnimation);
                    break;

                case SizeToContent.WidthAndHeight:
                    this._outStoryboard.Children.Add(this._heightOutAnimation);
                    this._outStoryboard.Children.Add(this._widthOutAnimation);
                    break;
            }
            this._outStoryboard.Children.Add(this._opacityOutAnimation);

            this._isAnimated = true;
            this.BeginStoryboard(this._outStoryboard);
        }
        #endregion アニメーション

        #region private フィールド

        /// <summary>
        /// アニメーション中かどうかを判別します。
        /// </summary>
        private bool? _isAnimated;

        /// <summary>
        /// 表示されるときのアニメーション用ストーリーボード
        /// </summary>
        private Storyboard _inStoryboard;

        /// <summary>
        /// 表示されるときの高さアニメーション
        /// </summary>
        private DoubleAnimation _heightInAnimation;

        /// <summary>
        /// 表示されるときの幅アニメーション
        /// </summary>
        private DoubleAnimation _widthInAnimation;

        /// <summary>
        /// 表示されるときの透明度アニメーション
        /// </summary>
        private DoubleAnimation _opacityInAnimation;

        /// <summary>
        /// 非表示になるときのアニメーション用ストーリーボード
        /// </summary>
        private Storyboard _outStoryboard;

        /// <summary>
        /// 非表示になるときの高さアニメーション
        /// </summary>
        private DoubleAnimation _heightOutAnimation;

        /// <summary>
        /// 非表示になるときの幅アニメーション
        /// </summary>
        private DoubleAnimation _widthOutAnimation;

        /// <summary>
        /// 非表示になるときの透明度アニメーション
        /// </summary>
        private DoubleAnimation _opacityOutAnimation;

        #endregion private フィールド
    }
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

179

180

181

182

183

184

185

186

187

188

189

190

191

192

193

194

195

196

197

198

199

200

201

202

203

204

205

206

207

208

209

210

211

212

213

214

215

216

217

218

219

220

221

222

223

224

225

226

227

228

229

230

231

232

233

234

235

236

237

238

239

240

241

242

243

244

245

246

247

248

249

250

251

252

253

254

255

256

257

258

259

260

261

262

263

264

265

266

267

268

269

270

271

272

273

274

275

276

277

278

279

280

281

282

283

284

285

286

287

288

289

290

291

292

293

294

295

296

297

298

299

300

301

302

303

304

305

306

307

308

309

310

311

312

313

314

315

316

317

namespace AnimatedListBoxItem

{

using System;

using System.Windows;

using System.Windows.Controls;

using System.Windows.Input;

using System.Windows.Media.Animation;

/// <summary>

/// アニメーションを含むコンテナを表します。

/// </summary>

[TemplatePart(Name = PART_DeleteButton, Type = typeof(Button))]

public class AnimatedContainer : ContentControl

{

#region TemplatePart

/// <summary>

/// 削除ボタンに対する名前

/// </summary>

private const string PART_DeleteButton = "PART_DeleteButton";

private Button _deleteButton;

/// <summary>

/// 削除ボタンを取得または設定します。

/// </summary>

private Button DeleteButton

{

get { return this._deleteButton; }

set

{

if (this._deleteButton != null)

{

this._deleteButton.Click -= OnDeleteButtonClick;

}

this._deleteButton = value;

if (this._deleteButton != null)

{

this._deleteButton.Click += OnDeleteButtonClick;

}

/// <summary>

/// テンプレートを適用します。

/// </summary>

public override void OnApplyTemplate()

{

base.OnApplyTemplate();

this.DeleteButton = this.Template.FindName(PART_DeleteButton, this) as Button;

}

#endregion TemplatePart

#region コンストラクタ

/// <summary>

/// 静的なコンストラクタを表します。

/// </summary>

static AnimatedContainer()

{

DefaultStyleKeyProperty.OverrideMetadata(typeof(AnimatedContainer), new FrameworkPropertyMetadata(typeof(AnimatedContainer)));

}

/// <summary>

/// 新しいインスタンスを生成します。

/// </summary>

public AnimatedContainer()

{

this.Opacity = 0;

#region InAnimation 初期化

this._heightInAnimation = new DoubleAnimation()

{

From = 0,

Duration = TimeSpan.FromMilliseconds(200),

};

Storyboard.SetTargetProperty(this._heightInAnimation, new PropertyPath("Height"));

this._widthInAnimation = new DoubleAnimation()

{

From = 0,

Duration = TimeSpan.FromMilliseconds(200),

};

Storyboard.SetTargetProperty(this._widthInAnimation, new PropertyPath("Width"));

this._opacityInAnimation = new DoubleAnimation()

{

From = 0,

To = 1,

BeginTime = TimeSpan.FromMilliseconds(240),

Duration = TimeSpan.FromMilliseconds(200),

};

Storyboard.SetTargetProperty(this._opacityInAnimation, new PropertyPath("Opacity"));

this._inStoryboard = new Storyboard();

this._inStoryboard.Completed += (_, __) => this._isAnimated = null;

#endregion InAnimation 初期化

#region OutAnimation 初期化

this._heightOutAnimation = new DoubleAnimation()

{

To = 0,

BeginTime = TimeSpan.FromMilliseconds(240),

Duration = TimeSpan.FromMilliseconds(200),

};

Storyboard.SetTargetProperty(this._heightOutAnimation, new PropertyPath("Height"));

this._widthOutAnimation = new DoubleAnimation()

{

To = 0,

BeginTime = TimeSpan.FromMilliseconds(240),

Duration = TimeSpan.FromMilliseconds(200),

};

Storyboard.SetTargetProperty(this._widthOutAnimation, new PropertyPath("Width"));

this._opacityOutAnimation = new DoubleAnimation()

{

From = 1,

To = 0,

Duration = TimeSpan.FromMilliseconds(200),

};

Storyboard.SetTargetProperty(this._opacityOutAnimation, new PropertyPath("Opacity"));

this._outStoryboard = new Storyboard();

this._outStoryboard.Completed += (_, __) =>

{

this._isAnimated = null;

if (this.DeletedCommand != null)

{

if (DeletedCommand.CanExecute(this.DataContext))

{

DeletedCommand.Execute(this.DataContext);

}

};

#endregion OutAnimation 初期化

this.SizeChanged += OnSizeChanged;

}

#endregion コンストラクタ

#region DeletedCommand 依存関係プロパティ

/// <summary>

/// DeletedCommand 依存関係プロパティを定義します。

/// </summary>

public static DependencyProperty DeletedCommandProperty = DependencyProperty.Register("DeletedCommand", typeof(ICommand), typeof(AnimatedContainer), new PropertyMetadata(null));

/// <summary>

/// 削除ボタンクリック後に実行されるコマンドを取得または設定します。

/// </summary>

public ICommand DeletedCommand

{

get { return (ICommand)GetValue(DeletedCommandProperty); }

set { SetValue(DeletedCommandProperty, value); }

}

#endregion DeletedCommand 依存関係プロパティ

#region Direction 依存関係プロパティ

public static readonly DependencyProperty DirectionProperty = DependencyProperty.Register("Direction", typeof(SizeToContent), typeof(AnimatedContainer), new PropertyMetadata(SizeToContent.Height));

public SizeToContent Direction

{

get { return (SizeToContent)GetValue(DirectionProperty); }

set { SetValue(DirectionProperty, value); }

}

#endregion Direction 依存関係プロパティ

#region イベントハンドラ

/// <summary>

/// 削除ボタンクリックイベントハンドラ

/// </summary>

/// <param name="sender">イベント発行元</param>

/// <param name="e">イベント引数</param>

private void OnDeleteButtonClick(object sender, RoutedEventArgs e)

{

BeginOutAnimation();

}

/// <summary>

/// SizeChanged イベントハンドラ

/// </summary>

/// <param name="sender">イベント発行元</param>

/// <param name="e">イベント引数</param>

private void OnSizeChanged(object sender, SizeChangedEventArgs e)

{

//if (this._isAnimated == null)

//{

// this._isAnimated = false;

// return;

//}

if ((this._isAnimated != null) && this._isAnimated.Value)

return;

this._heightInAnimation.To = e.NewSize.Height;

this._widthInAnimation.To = e.NewSize.Width;

BeginInAnimation();

}

#endregion イベントハンドラ

#region アニメーション

/// <summary>

/// 表示開始アニメーションを開始します。

/// </summary>

private void BeginInAnimation()

{

this._inStoryboard.Children.Clear();

switch (this.Direction)

{

case SizeToContent.Height:

this._inStoryboard.Children.Add(this._heightInAnimation);

break;

case SizeToContent.Manual:

break;

case SizeToContent.Width:

this._inStoryboard.Children.Add(this._widthInAnimation);

break;

case SizeToContent.WidthAndHeight:

this._inStoryboard.Children.Add(this._heightInAnimation);

this._inStoryboard.Children.Add(this._widthInAnimation);

break;

}

this._inStoryboard.Children.Add(this._opacityInAnimation);

this._isAnimated = true;

this.BeginStoryboard(this._inStoryboard);

}

/// <summary>

/// 非表示アニメーションを開始します。

/// </summary>

private void BeginOutAnimation()

{

this._outStoryboard.Children.Clear();

switch (this.Direction)

{

case SizeToContent.Height:

this._outStoryboard.Children.Add(this._heightOutAnimation);

break;

case SizeToContent.Manual:

break;

case SizeToContent.Width:

this._outStoryboard.Children.Add(this._widthOutAnimation);

break;

case SizeToContent.WidthAndHeight:

this._outStoryboard.Children.Add(this._heightOutAnimation);

this._outStoryboard.Children.Add(this._widthOutAnimation);

break;

}

this._outStoryboard.Children.Add(this._opacityOutAnimation);

this._isAnimated = true;

this.BeginStoryboard(this._outStoryboard);

}

#endregion アニメーション

#region private フィールド

/// <summary>

/// アニメーション中かどうかを判別します。

/// </summary>

private bool? _isAnimated;

/// <summary>

/// 表示されるときのアニメーション用ストーリーボード

/// </summary>

private Storyboard _inStoryboard;

/// <summary>

/// 表示されるときの高さアニメーション

/// </summary>

private DoubleAnimation _heightInAnimation;

/// <summary>

/// 表示されるときの幅アニメーション

/// </summary>

private DoubleAnimation _widthInAnimation;

/// <summary>

/// 表示されるときの透明度アニメーション

/// </summary>

private DoubleAnimation _opacityInAnimation;

/// <summary>

/// 非表示になるときのアニメーション用ストーリーボード

/// </summary>

private Storyboard _outStoryboard;

/// <summary>

/// 非表示になるときの高さアニメーション

/// </summary>

private DoubleAnimation _heightOutAnimation;

/// <summary>

/// 非表示になるときの幅アニメーション

/// </summary>

private DoubleAnimation _widthOutAnimation;

/// <summary>

/// 非表示になるときの透明度アニメーション

/// </summary>

private DoubleAnimation _opacityOutAnimation;

#endregion private フィールド

}

いきなり長いコードですが、
ポイントはサイズ変更イベントハンドラの OnSizeChanged メソッドで
このコントロールが表示されるときにフェードインさせるアニメーションを実行しています。

また、PART_DeleteButton と名付けられたボタンがクリックされたタイミングで
このコントロールを非表示とするようにフェードアウトさせるアニメーションを実行しています。
さらに、フェードアウトのアニメーションが終了したら
コールバックとして DeletedCommand プロパティに指定されたコマンドを実行するようにしています。

ListBox コントロールにアイテムを追加/削除することを考えてみましょう。
追加するときはとにかく Add すればコンテナがひとつ増え、
始めに OnSizeChanged が呼ばれることになります。
では、逆に削除するときはどうでしょうか。
いきなり ItemsSource のコレクションから Remove などで削除してしまうと、
フェードアウトさせたいコンテナ自体がいきなり消えてしまいます。
したがって、コレクションから削除する前にフェードアウトのアニメーションを実行し、
そのアニメーションが完了してからコレクションから削除しなければいけません。
そんなわけで、削除するときは DeleteCommand プロパティを利用して
コレクションからアイテムを Remove すればいいのです。
また、そのようにできるように上記のコードでは、
DeleteCommand.Execute(this.DataContext) のように、
AnimatedContainer コントロールの DataContext を
パラメータとしてコマンドを実行しています。
これで処理を渡された方はどのアイテムを削除すれば良いかが判断できるようになっています。

そんなわけでこのカスタムコントロールを使う側の XAML と ViewModel です。

<Window x:Class="AnimatedListBoxItem.Views.MainView"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:local="clr-namespace:AnimatedListBoxItem"
        Title="MainView" Height="300" Width="300">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition />
        </Grid.RowDefinitions>

        <StackPanel>
            <Button Content="Add" Command="{Binding AddCommand}" />
            <TextBlock Text="{Binding Count, StringFormat='{}アイテムが {0} 個登録されています。'}" />
        </StackPanel>

        <ListBox Grid.Row="1" ItemsSource="{Binding StringCollection}">
            <ListBox.ItemContainerStyle>
                <Style TargetType="{x:Type ListBoxItem}">
                    <Setter Property="Template">
                        <Setter.Value>
                            <ControlTemplate TargetType="{x:Type ContentControl}">
                                <Border Background="{TemplateBinding Background}">
                                    <local:AnimatedContainer DeletedCommand="{Binding DataContext.DeleteCommand, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type ItemsControl}}}"
                                                             Direction="Height">
                                        <local:AnimatedContainer.Template>
                                            <ControlTemplate TargetType="{x:Type local:AnimatedContainer}">
                                                <StackPanel Orientation="Horizontal">
                                                    <Button x:Name="PART_DeleteButton"
                                                            Content="Delete" Margin="2"
                                                            />
                                                    <TextBlock Text="{Binding .}" VerticalAlignment="Center" />
                                                </StackPanel>
                                            </ControlTemplate>
                                        </local:AnimatedContainer.Template>
                    </local:AnimatedContainer>
                                </Border>
                            </ControlTemplate>
                        </Setter.Value>
                    </Setter>
                    <Style.Triggers>
                        <Trigger Property="IsMouseOver" Value="True">
                            <Setter Property="Background" Value="LightGray" />
                        </Trigger>
                        <Trigger Property="IsSelected" Value="True">
                            <Setter Property="Background" Value="Plum" />
                        </Trigger>
                    </Style.Triggers>
                </Style>
            </ListBox.ItemContainerStyle>
        </ListBox>
    </Grid>
</Window>

<Window x:Class="AnimatedListBoxItem.Views.MainView"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

xmlns:local="clr-namespace:AnimatedListBoxItem"

Title="MainView" Height="300" Width="300">

<Grid>

<Grid.RowDefinitions>

</Grid.RowDefinitions>

</StackPanel>

<ListBox.ItemContainerStyle>

<Setter.Value>

<local:AnimatedContainer DeletedCommand="{Binding DataContext.DeleteCommand, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type ItemsControl}}}"

Direction="Height">

<local:AnimatedContainer.Template>

<Button x:Name="PART_DeleteButton"

Content="Delete" Margin="2"

</StackPanel>

</ControlTemplate>

</local:AnimatedContainer.Template>

</local:AnimatedContainer>

</Border>

</ControlTemplate>

</Setter.Value>

</Setter>

<Style.Triggers>

</Trigger>

</Trigger>

</Style.Triggers>

</Style>

</ListBox.ItemContainerStyle>

</ListBox>

</Grid>

</Window>

namespace AnimatedListBoxItem.ViewModels
{
    using System;
    using System.Collections.ObjectModel;
    using System.ComponentModel;
    using System.Runtime.CompilerServices;

    internal class MainViewModel : INotifyPropertyChanged
    {
        private ObservableCollection<string> _stringCollection = new ObservableCollection<string>();
        /// <summary>
        /// コレクションデータを取得します。
        /// </summary>
        public ObservableCollection<string> StringCollection
        {
            get { return this._stringCollection; }
        }

        /// <summary>
        /// コレクションデータ数を取得します。
        /// </summary>
        public int Count
        {
            get { return this.StringCollection.Count; }
        }

        private DelegateCommand _addCommand;
        /// <summary>
        /// コレクション追加コマンドを取得します。
        /// </summary>
        public DelegateCommand AddCommand
        {
            get
            {
                return this._addCommand ?? (this._addCommand = new DelegateCommand(_ =>
                {
                    this._counter++;
                    Add(string.Format("私がアイテム No.{0} だ。", this._counter));
                }));
            }
        }

        private DelegateCommand _deleteCommand;
        /// <summary>
        /// コレクション削除コマンドを取得します。
        /// </summary>
        public DelegateCommand DeleteCommand
        {
            get
            {
                return this._deleteCommand ?? (this._deleteCommand = new DelegateCommand(p =>
                {
                    Delete(p as string);
                }));
            }
        }

        /// <summary>
        /// カウンタ
        /// </summary>
        private int _counter;

        /// <summary>
        /// 乱数発生器
        /// </summary>
        private Random _random = new Random();

        /// <summary>
        /// コレクションにアイテムを追加します。
        /// </summary>
        /// <param name="item">追加するアイテムを指定します。</param>
        private void Add(string item)
        {
            this.StringCollection.Insert(this._random.Next(0, this.StringCollection.Count), item);
            RaisePropertyChanged("Count");
        }

        /// <summary>
        /// コレクションからアイテムを削除します。
        /// </summary>
        /// <param name="item"></param>
        private void Delete(string item)
        {
            this.StringCollection.Remove(item);
            RaisePropertyChanged("Count");
        }
 
        #region INotifyPropertyChanged のメンバ
        /// <summary>
        /// プロパティ値変更時に発生します。
        /// </summary>
        public event PropertyChangedEventHandler PropertyChanged;

        /// <summary>
        /// PropertyChanged イベントを発行します。
        /// </summary>
        /// <param name="propertyName">プロパティ値が変更されたプロパティ名を指定します。</param>
        private void RaisePropertyChanged([CallerMemberName]string propertyName = null)
        {
            var h = this.PropertyChanged;
            if (h != null) h(this, new PropertyChangedEventArgs(propertyName));
        }
        #endregion INotifyPropertyChanged のメンバ
    }
}

100

101

102

103

104

105

namespace AnimatedListBoxItem.ViewModels

{

using System;

using System.Collections.ObjectModel;

using System.ComponentModel;

using System.Runtime.CompilerServices;

internal class MainViewModel : INotifyPropertyChanged

{

private ObservableCollection<string> _stringCollection = new ObservableCollection<string>();

/// <summary>

/// コレクションデータを取得します。

/// </summary>

public ObservableCollection<string> StringCollection

{

get { return this._stringCollection; }

}

/// <summary>

/// コレクションデータ数を取得します。

/// </summary>

public int Count

{

get { return this.StringCollection.Count; }

}

private DelegateCommand _addCommand;

/// <summary>

/// コレクション追加コマンドを取得します。

/// </summary>

public DelegateCommand AddCommand

{

get

{

return this._addCommand ?? (this._addCommand = new DelegateCommand(_ =>

{

this._counter++;

Add(string.Format("私がアイテム No.{0} だ。", this._counter));

}));

}

private DelegateCommand _deleteCommand;

/// <summary>

/// コレクション削除コマンドを取得します。

/// </summary>

public DelegateCommand DeleteCommand

{

get

{

return this._deleteCommand ?? (this._deleteCommand = new DelegateCommand(p =>

{

Delete(p as string);

}));

}

/// <summary>

/// カウンタ

/// </summary>

private int _counter;

/// <summary>

/// 乱数発生器

/// </summary>

private Random _random = new Random();

/// <summary>

/// コレクションにアイテムを追加します。

/// </summary>

/// <param name="item">追加するアイテムを指定します。</param>

private void Add(string item)

{

this.StringCollection.Insert(this._random.Next(0, this.StringCollection.Count), item);

RaisePropertyChanged("Count");

}

/// <summary>

/// コレクションからアイテムを削除します。

/// </summary>

/// <param name="item"></param>

private void Delete(string item)

{

this.StringCollection.Remove(item);

RaisePropertyChanged("Count");

}

#region INotifyPropertyChanged のメンバ

/// <summary>

/// プロパティ値変更時に発生します。

/// </summary>

public event PropertyChangedEventHandler PropertyChanged;

/// <summary>

/// PropertyChanged イベントを発行します。

/// </summary>

/// <param name="propertyName">プロパティ値が変更されたプロパティ名を指定します。</param>

private void RaisePropertyChanged([CallerMemberName]string propertyName = null)

{

var h = this.PropertyChanged;

if (h != null) h(this, new PropertyChangedEventArgs(propertyName));

}

#endregion INotifyPropertyChanged のメンバ

}

念のため ICommand インターフェースを実装した DelegateCommand クラスのソースも。

namespace AnimatedListBoxItem
{
    using System;
    using System.Windows.Input;

    internal class DelegateCommand : ICommand
    {
        private Action<object> _execute;
        private Func<object, bool> _canExecute;

        public DelegateCommand(Action<object> execute)
            : this(execute, null)
        {
        }

        public DelegateCommand(Action<object> execute, Func<object, bool> canExecute)
        {
            this._execute = execute;
            this._canExecute = canExecute;
        }

        public bool CanExecute(object parameter)
        {
            return this._canExecute != null ? this._canExecute(parameter) : true;
        }

        public event EventHandler CanExecuteChanged;

        public void RaiseCanExecuteChanged()
        {
            var h = this.CanExecuteChanged;
            if (h != null) h(this, EventArgs.Empty);
        }

        public void Execute(object parameter)
        {
            if (this._execute != null)
            {
                this._execute(parameter);
            }
        }
    }
}

namespace AnimatedListBoxItem

{

using System;

using System.Windows.Input;

internal class DelegateCommand : ICommand

{

private Action<object> _execute;

private Func<object, bool> _canExecute;

public DelegateCommand(Action<object> execute)

: this(execute, null)

{

}

public DelegateCommand(Action<object> execute, Func<object, bool> canExecute)

{

this._execute = execute;

this._canExecute = canExecute;

}

public bool CanExecute(object parameter)

{

return this._canExecute != null ? this._canExecute(parameter) : true;

}

public event EventHandler CanExecuteChanged;

public void RaiseCanExecuteChanged()

{

var h = this.CanExecuteChanged;

if (h != null) h(this, EventArgs.Empty);

}

public void Execute(object parameter)

{

if (this._execute != null)

{

this._execute(parameter);

}

今回は ListBox コントロールを対象としましたが、
他の ItemsControl クラス派生のコントロール、
例えば TreeView とかDataGrid とかでも
応用が利くんじゃないかなぁと思っています。

アニメーションは凝ると楽しいけど、
実用的なものを考えようとすると難しいなぁ。
というわけで今日はこの辺で。

記事一覧を追加

Posted on 2016/08/03 by twyujiro15

久しぶりの投稿ですが、
ようやく全記事の一覧を表示するようにしました。
これでちょっとは見やすいサイトになってきたか。
後はもっとネタを投下して充実させていかなければ。

TabControl でコンテンツ切替確認ダイアログを表示させる

Posted on 2016/08/02 by twyujiro15

とある投稿サイトで表題の要求を見かけたので、
せっかくなのでサンプルコードを作ってみました。
まあ、やってやれなくはないということです。

方針は次の通り。

TabControl.ItemsSource には ViewModel のコレクションを指定する
TabControl.ItemsTemplate で TabItem のヘッダ部の外観を指定する
ダイアログ表示は添付ビヘイビアで実現する
TabControl.SelectedIndex とデータバインドし、変更があったらいったん元に戻す
確認ダイアログで OK が選択されたら改めて SelectedIndex を変更する

というわけでサンプルのファイル構成はこんな感じ。

NotificationObject クラスは INotifyPropertyChanged を実装した ViewModel などの基底クラス。
Content1ViewModel などが TabControl で切り替えられる対象となる ViewModel たち。
それらに対する View が Content1View などになります。
そして DialogBehavior クラスで添付プロパティを定義し、
この中で確認ダイアログを表示するようにしています。

DialogBehavior クラスは以下の添付プロパティを持っています。

添付プロパティ名	型	内容
Message	string	ダイアログに表示するメッセージを指定します。
Caption	string	ダイアログのキャプションを指定します。
Callback	Action<bool>	ダイアログのコールバック処理を指定します。

サンプルを実行するとこのような画面が表示されます。

そして、タブを切り替えようとすると確認ダイアログが表示されます。

OK を押すと初めて画面が切り替わります。

ちなみに、
SelectedIndex が変更されたことを受け取ってから
いったん元の値に戻しているので、
View の Loaded イベントなんかは走ってるんじゃないかな～と思い、
Loaded イベントで出力ウィンドウに出力するようにしかけておいたんですが、
これが走っていませんでした。
この辺がなんとなく気持ち悪い感じがしなくもないですが、
そういった機微は問題にぶち当たってから考えましょ。

というわけでおしまい。

YKToolkit.Controls Ver.2.0.1 ベータ版アップ

Posted on 2015/09/08 by twyujiro15

現在 GitHub にて開発中の YKToolkit.Controls カスタムコントロールライブラリを
Ver.2.0.1 β にバージョンアップしました。

LineGraph コントロールにプロパティ追加したのと、
サンプルの見苦しいところをちょっと修正しました。

YKToolkit.Controls ベータ版アップ

Posted on 2015/09/07 by twyujiro15

現在 GitHub にて開発中の YKToolkit.Controls カスタムコントロールライブラリが
ベータ版として Ver.2.0.0 にバージョンアップしました。

~~使い方はインスピレーションで！~~
またドキュメント化しないといけないな…。

GitHub 始めました

Posted on 2015/09/02 by twyujiro15

前回紹介したコントロールライブラリですが、
GitHub で現在再構築中です。
まだ数は少ないですが、いずれはグラフコントロールを含めて
すべてを再構築すべく日々更新しています。

再構築している理由は
自分の勉強不足のためまともに動作しない部分が散見されるためです。
その修正も含めての再構築なのでちょっと時間がかかっています。
再構築というか、ゼロから開発し直しているような状態なので、
以前とはプロパティ名が違うものもあるという
互換性無視な感じで好き勝手やっています。
まあどうせ誰も使ってないだろうしいいだろーってことで。

現在は開発作業をそのままプッシュしていることもあるので
どこかにバグも潜んでいるかもしれないことを加えておきます。
どこかのタイミングでリリースバージョンとし、
それ以降はローカルで開発作業をおこなうようにしたいと思っています。

WPF カスタムコントロールライブラリ

Posted on 2015/08/19 by twyujiro15

以前から独自に作成していたコントロールライブラリを
こちらで公開しています。
興味のある方は覗いてみてね。
ちなみにこんな雰囲気のテーマで、
グラフコントロールとかも用意しています。

政府統計データ取得 API e-Stat の簡単な使用方法番外編

Posted on 2015/03/06 by twyujiro15

せっかくなのでコンソールアプリケーションとして作成した
サンプルのソリューションファイルをここに置いておきます。
開発環境は Visual Studio 2013 Pro、.Net Framework 4.5 です。
ソースコードはどうぞご自由にお使い下さい。

EstatSample (14.5KB)

政府統計データ取得 API e-Stat の簡単な使用方法その 4

Posted on 2015/03/06 by twyujiro15

今回はいよいよ統計データ取得です。

前回までのコードで次のような出力ができるようになりました。

前回までの実行結果から、
政府統計コードが 00200524 である人口推計の
2012 年に調査したデータで、
“年齢（各歳），男女別人口及び人口性比－総人口，日本人人口” という統計表に対する
統計表 ID が “0003080162” で、
それに対する絞込条件は、

cat01：男女別・性比較
cat02：人口
cat03：年齢各歳
area：全国
time：時間軸（年月日現在）

であることがわかりました。
今回はこれらの情報を基に、
条件を絞り込んで統計データを取得したいと思います。

統計データ取得のリクエスト URL は次のようになります。

http://api.e-stat.go.jp/rest/2.0/json/getStatsData?appId=xxxxxx&statsDataId=0003080162

1	http://api.e-stat.go.jp/rest/2.0/json/getStatsData?appId=xxxxxx&statsDataId=0003080162

このリクエスト URL に対して、
さらに絞込条件に関するパラメータを追加することで、
取得したい統計データのみを取得できます。

さて、
ここで取得したいデータを、
各歳それぞれの男性の人口および女性の人口であるとします。
また、ここでの人口は日本人人口とします。

男性の人口と女性の人口をそれぞれ取得したいため、
絞込条件 cat01 に対する条件は “男” または “女” になります。
それぞれの code は “002” と “003” となります。
このように絞込条件が複数ある場合はカンマ区切りで指定します。
パラメータは次のようになります。

cdCat01=002,003

1	cdCat01=002,003

次に、日本人人口の値を取得したいため、
絞込条件 cat02 に対する条件は “日本人人口” となります。
code は “002” となります。
パラメータは次のようになります。

cdCat02=002

1	cdCat02=002

最後に、
各歳それぞれの人口を知りたいため、
絞込条件 cat03 に対する条件は “0歳”、”1歳”、・・・、”99歳”、”100歳以上” となります。
絞込条件が複数であるため、
cat01 と同様にすると次のようになります。

cdCat03=01001,01002,01003,・・・,01100,01101

1	cdCat03=01001,01002,01003,・・・,01100,01101

項目数が 101 個もあるため、入力が非常に大変ですね。
さらに、仕様書を確認すると、
ひとつの絞込条件に対する項目数は 100 個までだそうです。
したがって、このままでは上限を超えているため、
統計データを取得することができません。
このような場合は、パラメータの指定方法として、
“cdCat03″ ではなく、”cdCat03From” と “cdCat03To” を使用します。
絞込条件の開始条件として、”cdCat03From” を使用し、
絞込条件の終了条件として、”cdCat03To” を使用します。
今回の場合は “0歳” から “100歳以上” までが絞込条件となるため、
cdCat03 パラメータはつぎのようになります。

cdCat03From=01001&cdCat03To=01101

1	cdCat03From=01001&cdCat03To=01101

以上、今回の例では、
統計データ取得のためのリクエスト URL は次のようになります。

http://api.e-stat.go.jp/rest/2.0/json/getStatsData?appId=xxxxxx&statsDataId=0003080162&cdCat01=002,003&cdCat02=002&cdCat03From=01001&cdCat03To=01101

1	http://api.e-stat.go.jp/rest/2.0/json/getStatsData?appId=xxxxxx&statsDataId=0003080162&cdCat01=002,003&cdCat02=002&cdCat03From=01001&cdCat03To=01101

これまでの絞込条件によるパラメータをすべて “&” でつなげて結合した形となります。

それでは C# コードから統計データ取得を実行してみましょう。
今回のコードは次のようになります。

namespace EstatSample
{
    using System;
    using System.Collections.Generic;
    using System.IO;
    using System.Linq;
    using System.Net;
    using System.Text;

    class Program
    {
        static void Main(string[] args)
        {
            var baseUrl = "http://api.e-stat.go.jp/rest/2.0/app/json/";
            var appId = "xxxxxx";  // 自分のアプリケーション ID を貼り付けて下さい。
            var statsDataId = "&statsDataId=" + "0003080162";
            var cdCat01 = "&cdCat01=" + "002,003";
            var cdCat02 = "&cdCat02=" + "002";
            var cdCat03 = "&cdCat03From=" + "01001" + "&cdCat03To=" + "01101";
            var options = cdCat01 + cdCat02 + cdCat03;
            var getStatsData = baseUrl + "getStatsData?" + "appId=" + appId;

            var requestUrl = getStatsData + statsDataId + options;
            var json = RequestToAPI(requestUrl);

            var dic = Json.Parse(json) as Dictionary<string, object>;
            var status = (long)dic.GetValue("GET_STATS_DATA/RESULT/STATUS");
            var message = dic.GetValue("GET_STATS_DATA/RESULT/ERROR_MSG") as string;
            if (status != 0)
                throw new Exception(message);

            object[] objects = null;
            var values = dic.GetValue("GET_STATS_DATA/STATISTICAL_DATA/DATA_INF/VALUE");
            if (values.GetType().IsArray)
                objects = values as object[];
            else
                objects = new object[] { objects };
            var valueList = objects != null ? objects.OfType<Dictionary<string, object>>().ToArray() : null;
            if (valueList == null)
                throw new NullReferenceException();

            foreach (var value in valueList)
            {
                var cat01 = value.GetValue("@cat01") as string;
                var cat02 = value.GetValue("@cat02") as string;
                var cat03 = value.GetValue("@cat03") as string;
                var _value = value.GetValue("$") as string;
                Console.WriteLine("cat01=" + cat01 + ", cat02=" + cat02 + ", cat03=" + cat03 + ", value=" + _value);
            }

            Console.Read();
        }
    }
}

namespace EstatSample

{

using System;

using System.Collections.Generic;

using System.IO;

using System.Linq;

using System.Net;

using System.Text;

class Program

{

static void Main(string[] args)

{

var baseUrl = "http://api.e-stat.go.jp/rest/2.0/app/json/";

var appId = "xxxxxx"; // 自分のアプリケーション ID を貼り付けて下さい。

var statsDataId = "&statsDataId=" + "0003080162";

var cdCat01 = "&cdCat01=" + "002,003";

var cdCat02 = "&cdCat02=" + "002";

var cdCat03 = "&cdCat03From=" + "01001" + "&cdCat03To=" + "01101";

var options = cdCat01 + cdCat02 + cdCat03;

var getStatsData = baseUrl + "getStatsData?" + "appId=" + appId;

var requestUrl = getStatsData + statsDataId + options;

var json = RequestToAPI(requestUrl);

var dic = Json.Parse(json) as Dictionary<string, object>;

var status = (long)dic.GetValue("GET_STATS_DATA/RESULT/STATUS");

var message = dic.GetValue("GET_STATS_DATA/RESULT/ERROR_MSG") as string;

if (status != 0)

throw new Exception(message);

object[] objects = null;

var values = dic.GetValue("GET_STATS_DATA/STATISTICAL_DATA/DATA_INF/VALUE");

if (values.GetType().IsArray)

objects = values as object[];

else

objects = new object[] { objects };

var valueList = objects != null ? objects.OfType<Dictionary<string, object>>().ToArray() : null;

if (valueList == null)

throw new NullReferenceException();

foreach (var value in valueList)

{

var cat01 = value.GetValue("@cat01") as string;

var cat02 = value.GetValue("@cat02") as string;

var cat03 = value.GetValue("@cat03") as string;

var _value = value.GetValue("$") as string;

Console.WriteLine("cat01=" + cat01 + ", cat02=" + cat02 + ", cat03=" + cat03 + ", value=" + _value);

}

Console.Read();

}

前回と同様、Json クラスや GetValue() 拡張メソッド等は省略しています。

統計データ取得のリクエストに対するレスポンスは、
GET_STATS_DATA をルートタグとして、
GET_STATS_DATA/STATISTICAL_DATA/DATA_INF/VALUE に具体的な値が格納されます。
本当は、指定した絞込条件によって本当にデータが取得できたかどうかなどを調べ、
その上で VALUE タグにアクセスするべきですが、
今回は前回までのコードから明らかにデータがあるとわかっているため、
その辺の異常検出コードのほとんどを省略しています。

実行結果は次のようになります。

絞り込んだ条件にヒットしたデータだけを取得していることが確認できると思います。
試しに cat03 に対する条件をひとつだけにしてみたり、
いろいろいじってみるともっと理解できると思います。
また、VALUE タグには上記コードの他にも、unit 属性があったり、
いろいろここでは省略されているものがあるので、
仕様書とにらめっこしながらいじってみて下さい。

実際のアプリケーションに実装するには、
コードとそれに対する表題を結び付けたり、
そもそも政府統計コードを用意しておかなきゃいけなかったり、
いろいろ表示のためのデータ変換やら前準備がたくさんあります。

以上、政府統計データ取得 API の簡単な使用方法でした。
果たして本当に簡単だったのだろうか…。

政府統計データ取得 API e-Stat の簡単な使用方法その 3

Posted on 2015/03/06 by twyujiro15

前回までのおさらい。
統計データを取得するには、
統計表情報取得によって得られる “統計表 ID ” と、
メタ情報取得によって得られる “項目コード” が必要でした。

統計表情報によって “統計表 ID” を得ることに成功したのが前回です。
今回はこの “統計表 ID” を使って、
その統計表に対するメタ情報を取得します。

メタ情報取得のリクエスト URL はつぎのようになります。

http://api.e-stat.go.jp/rest/2.0/json/getMetaInfo?appId=xxxxxx&statsDataId=0003080162

1	http://api.e-stat.go.jp/rest/2.0/json/getMetaInfo?appId=xxxxxx&statsDataId=0003080162

というわけで前回までのコードに追加する形で、
コード全体は次のようになります。

namespace EstatSample
{
    using System;
    using System.Collections.Generic;
    using System.IO;
    using System.Linq;
    using System.Net;
    using System.Text;

    class Program
    {
        static void Main(string[] args)
        {
            var baseUrl = "http://api.e-stat.go.jp/rest/2.0/app/json/";
            var appId = "xxxxxx";  // 自分のアプリケーション ID を貼り付けて下さい。
            var getStatsList = baseUrl + "getStatsList?" + "appId=" + appId;

            var surveyYears = "&surveyYears=2012";
            var statsCode = "&statsCode=00200524";

            var requestUrl = getStatsList + surveyYears + statsCode;
            var json = RequestToAPI(requestUrl);

            if (json.Length >= 100)
                Console.WriteLine(json.Substring(0, 100));

            var dic = Json.Parse(json) as Dictionary<string, object>;
            var table_inf = dic.GetValue("GET_STATS_LIST/DATALIST_INF/TABLE_INF");
            object[] objects;
            if (table_inf.GetType().IsArray)
                objects = table_inf as object[];
            else
                objects = new object[] { table_inf };
            var tableList = objects != null ? objects.OfType<Dictionary<string, object>>().ToArray() : null;
            if (tableList == null)
                throw new System.NullReferenceException();

            foreach (var table in tableList)
            {
                var id = table.GetValue("@id") as string;
                var title = table.GetValue("TITLE/$") as string;
                Console.WriteLine("id=" + id + " : " + title);
            }

            var dataId = tableList.First().GetValue("@id") as string;
            var getMetaInfo = baseUrl + "getMetaInfo?" + "appId=" + appId;
            var statsDataId = "&statsDataId=" + dataId;
            requestUrl = getMetaInfo + statsDataId;
            json = RequestToAPI(requestUrl);

            dic = Json.Parse(json) as Dictionary<string, object>;
            var meta_inf = dic.GetValue("GET_META_INFO/METADATA_INF/CLASS_INF/CLASS_OBJ");
            if (meta_inf.GetType().IsArray)
                objects = meta_inf as object[];
            else
                objects = new object[] { meta_inf };
            var metaList = objects != null ? objects.OfType<Dictionary<string, object>>().ToArray() : null;
            if (metaList == null)
                throw new System.NullReferenceException();

            foreach (var meta in metaList)
            {
                var id = meta.GetValue("@id") as string;
                var name = meta.GetValue("@name") as string;
                Console.WriteLine("id=" + id + " : " + name);
            }

            Console.Read();
        }
    }
}

namespace EstatSample

{

using System;

using System.Collections.Generic;

using System.IO;

using System.Linq;

using System.Net;

using System.Text;

class Program

{

static void Main(string[] args)

{

var baseUrl = "http://api.e-stat.go.jp/rest/2.0/app/json/";

var appId = "xxxxxx"; // 自分のアプリケーション ID を貼り付けて下さい。

var getStatsList = baseUrl + "getStatsList?" + "appId=" + appId;

var surveyYears = "&surveyYears=2012";

var statsCode = "&statsCode=00200524";

var requestUrl = getStatsList + surveyYears + statsCode;

var json = RequestToAPI(requestUrl);

if (json.Length >= 100)

Console.WriteLine(json.Substring(0, 100));

var dic = Json.Parse(json) as Dictionary<string, object>;

var table_inf = dic.GetValue("GET_STATS_LIST/DATALIST_INF/TABLE_INF");

object[] objects;

if (table_inf.GetType().IsArray)

objects = table_inf as object[];

else

objects = new object[] { table_inf };

var tableList = objects != null ? objects.OfType<Dictionary<string, object>>().ToArray() : null;

if (tableList == null)

throw new System.NullReferenceException();

foreach (var table in tableList)

{

var id = table.GetValue("@id") as string;

var title = table.GetValue("TITLE/$") as string;

Console.WriteLine("id=" + id + " : " + title);

}

var dataId = tableList.First().GetValue("@id") as string;

var getMetaInfo = baseUrl + "getMetaInfo?" + "appId=" + appId;

var statsDataId = "&statsDataId=" + dataId;

requestUrl = getMetaInfo + statsDataId;

json = RequestToAPI(requestUrl);

dic = Json.Parse(json) as Dictionary<string, object>;

var meta_inf = dic.GetValue("GET_META_INFO/METADATA_INF/CLASS_INF/CLASS_OBJ");

if (meta_inf.GetType().IsArray)

objects = meta_inf as object[];

else

objects = new object[] { meta_inf };

var metaList = objects != null ? objects.OfType<Dictionary<string, object>>().ToArray() : null;

if (metaList == null)

throw new System.NullReferenceException();

foreach (var meta in metaList)

{

var id = meta.GetValue("@id") as string;

var name = meta.GetValue("@name") as string;

Console.WriteLine("id=" + id + " : " + name);

}

Console.Read();

}

45 行目以降が今回追加したコードです。
前回までで取得した統計表に関するデータの一番最初の統計表 ID を使用するようにして、
メタ情報取得に関するコードを追加しています。
Json クラスや GetValue() 拡張メソッド等に関するコードは今回省略しています。
詳細は前回までの記事を確認して下さい。

実行結果は次のようになります。

CLASS_OBJ タグが、統計表に対する統計データの絞込条件となり、
統計データによってその数が異なります。
今回の例に示す、統計表 ID 0003080162 に対する統計データの絞込条件として、
cat01、cat02、cat03、area、time という条件があるということがわかりました。

しかし、例えば cat01 の “男女別・性比” で絞り込もうとしたとき、
どのような値があるのかがまだわかりません。
実は、それぞれの絞込条件 CLASS_OBJ の中にさらに CLASS タグがあり、
これが絞込条件の詳細情報となります。

というわけで CLASS_OBJ タグの中の CLASS タグも表示するように改良します。
先ほどのコードの 61 行目から始まる foreach 文の中を次のように変更します。

foreach (var meta in metaList)
{
    var id = meta.GetValue("@id") as string;
    var name = meta.GetValue("@name") as string;
    Console.WriteLine("id=" + id + " : " + name);

    var classes = meta.GetValue("CLASS");
    if (classes.GetType().IsArray)
        objects = classes as object[];
    else
        objects = new object[] { classes };
    var _class = objects != null ? objects.OfType<Dictionary<string, object>>().ToArray() : null;
    if (_class == null)
        throw new System.NullReferenceException();

    foreach (var c in _class)
    {
        var code = c.GetValue("@code") as string;
        var class_name = c.GetValue("@name") as string;
        Console.WriteLine("\tcode=" + code + ", name=" + class_name);
    }
}

foreach (var meta in metaList)

{

var id = meta.GetValue("@id") as string;

var name = meta.GetValue("@name") as string;

Console.WriteLine("id=" + id + " : " + name);

var classes = meta.GetValue("CLASS");

if (classes.GetType().IsArray)

objects = classes as object[];

else

objects = new object[] { classes };

var _class = objects != null ? objects.OfType<Dictionary<string, object>>().ToArray() : null;

if (_class == null)

throw new System.NullReferenceException();

foreach (var c in _class)

{

var code = c.GetValue("@code") as string;

var class_name = c.GetValue("@name") as string;

Console.WriteLine("\tcode=" + code + ", name=" + class_name);

}

それぞれの CLASS_OBJ タグの中に CLASS タグが存在するので、
foreach 文の中で CLASS タグを探索するコードを書いています。
そして、CLASS タグは複数存在する場合もあるので、
基本的に object[] で取得するようにしています。
さらに foreach 文を書いて、すべての CLASS タグの中の
code および name 属性の中身をコンソール上に表示させています。
外側の foreach 文で出力しているコンソール文字列と区別がつくように、
内側の foreach 文でコンソールに出力するときは先頭に “\t” を付けることで、
インデントを追加しています。

出力結果はこちらになります。

縦長な画像ですが、実際はスクロールして確認できると思います。

これで晴れてすべての絞込条件の表題と詳細を把握することができました。
後はこれらの条件を組み合わせて
統計データ取得をおこなうだけです。

というわけで次回はいよいよ統計データ取得です。

2024年4月
月	火	水	木	金	土	日
« 10月
1	2	3	4	5	6	7
8	9	10	11	12	13	14
15	16	17	18	19	20	21
22	23	24	25	26	27	28
29	30