Bind、Class教えてください????

Question

♡o｡.｡o♡o｡.｡o♡o｡.｡o♡o｡.｡o♡o｡.｡o♡o｡.｡o♡o｡.｡o♡

http://garicchi.com/?p=4691
http://garicchi.com/?p=4671

このサイトだけを素人が読むと下記のようなコードになります。
間違っていますか？
実行はきちんとできたのですが、見よう見まねで書き写しました。
もっとわかりやすく理解したいのですがどうすればいいのでしょう゜・（Pдｑ。）・゜。

♡★♡ﾟ･:.｡ ｡.:･ﾟ♡★♡
目的：
Bind、Class、変数、関数、型を理解したい。

不明点：
・コメントアウトで文頭に????がついている箇所

<Grid>
        <ListBox ItemsSource="{Binding Collection}" Width="200" Height="400" Margin="540,290,626,78" />
        <Button Content="Button" HorizontalAlignment="Left" Margin="294,469,0,0" VerticalAlignment="Top" Height="68" Width="158" Click="Button_Click"/>
    </Grid>

namespace heart
{
    
    public sealed partial class ListBox_Bind : Page
    {
        //????クラスの中にクラスって作るの？それって一般的？
        public class MainViewModel
        {
            //MainViewModelにObservableCollectionを使ったコレクションを実装
            //ObservableCollectionはアイテムの追加、削除時にCollectionChangedイベントを発行するので変更通知が可能
            //????Collectionという変数を作る前に登場してる？
            //????{ get; set; }ってデータの出し入れを可能にするってこと？それでAddしたときに追加されるの？
            public ObservableCollection<string> Collection { get; set; }

            //????クラス名と、同じ関数がコンストラクタ？
            public MainViewModel()
            {
                //????Collectionには型必要ないの？
                Collection = new ObservableCollection<string>();
            }

        }
        public ListBox_Bind()
        {
            this.InitializeComponent();
            //MainViewModelのインスタンス化して実体を持たせたところに、
            MainViewModel Datanoiremono = new MainViewModel();
            //DataContextの代入を行います。DataContextは要素にバインドするデータを表します。
            this.DataContext = Datanoiremono;
        }
        //ボタンをクリックしたら実行される
        private async void Button_Click(object sender, RoutedEventArgs e)
        {
            //ViewModelとはDataContextに(を)、代入されるものでViewModel内に記述した、C#クラスとXAMLUIとのバインドを可能にします。
            //???? DataContext as MainViewModel何をしているのか何のためかわからない
            //MainViewModelってなに、クラス名でしょ？何で書かないとダメ？
            MainViewModel viewModel = DataContext as MainViewModel;

            viewModel.Collection.Add("がりっち");
        }
    }
}

よろしくおねがいします٩(๑❛ᴗ❛๑)۶
♡o｡.｡o♡o｡.｡o♡o｡.｡o♡o｡.｡o♡o｡.｡o♡o｡.｡o♡o｡.｡o♡

Answer 1

こんにちは

//????クラスの中にクラスって作るの？それって一般的？
//????クラス名と、同じ関数がコンストラクタ？

hiroki8080さんと同意見です。

//????Collectionという変数を作る前に登場してる？

Collectionはプロパティというものです。
隠ぺいされているのでわかりにくいですが、以下のコードと同義です。ちゃんと変数が宣言されています。

private ObservableCollection<string> collection; 
public ObservableCollection<string> Collection
{
    get { return collection; }
    set { collection = value; }
}

//????{ get; set; }ってデータの出し入れを可能にするってこと？それでAddしたときに追加されるの？

先程の上のコードを見ていただくとわかりやすいかと思いますが、collectionの変数の取得と代入を行います。
Addするときは以下のようなコードを書きます。ですが、この場合、Collectionプロパティのsetは呼ばれません。

this.Collection.Add("hoge");

Collectionプロパティのsetが呼ばれるのは、以下のように変数のインスタンスを置き換える場合です。

this.Collection = new ObservableCollection<string>();

//????Collectionには型必要ないの？

このCollectionは、先程のCollectionプロパティのことですので、型宣言は済んでいます。
逆に、ここで型宣言をした場合は、コンストラクタ内のローカル変数として扱われます。
わかりにくいですよね。
一般的には以下のように書きます。こう書けば、CollectionがどのCollectionなのかわかるようになります。

this.Collection = new ObservableCollection<string>();

//???? DataContext as MainViewModel何をしているのか何のためかわからない

as は hiroki8080さんの書かれている通りで、キャストをしています。
DataContextプロパティは、どの型でも入れられるようにobject型になっています。
その下の以下のコードを実行するために、キャストが必要です。

viewModel.Collection.Add("がりっち");

CollectionはMainViewModelクラスのプロパティですので、viewModelの変数がMainViewModelクラスの変数であることを示さないと、コンパイラが理解してくれません。

以上です。

Answer 2

はじめまして。

＞クラスの中にクラスって作るの？それって一般的？
一般的といいますが、そのクラスに紐づくクラスであれば作ることもあります。
モデルの場合は再利用することを考えているならファイルを分けた方が良いと思います。

＞Collectionという変数を作る前に登場してる？
これは既に上のコードで
「 public ObservableCollection<string> Collection { get; set; }」を宣言していますね。

＞クラス名と、同じ関数がコンストラクタ？
そうですね、これはコンストラクタです。

＞{ get; set; }ってデータの出し入れを可能にするってこと？それでAddしたときに追加される
これはC#のプロパティと呼ばれるものです。オブジェクトに値を出入りさせるための入り口と出口になります。

＞DataContext as MainViewModel何をしているのか何のためかわからない
これはキャストの方法の一つでキャストに失敗するとnullが返されます。
(MainViewModel)DataContextとしても良いですが、こちらの場合はキャストに失敗した際に例外がスローされます。