‫お帰りなさい｡
‫このビデオでは､ テキストボックスとパスワードボックスの組み合わせを確認します｡
‫そこで､ ここに小さなログイン画面を作成することにします｡
‫では､ そのようにしましょう｡
‫まず､ XAMLを少し大きくして､ ここではグリッドを使用しないことにします｡
‫代わりにスタックパネルを使って､ コントロールを重ねることができるんだ｡
‫まずはラベルから､ どんな情報を入力すればいいのか､ ユーザーにはわかるように｡
‫ということで､ まずはユーザー名から｡
‫そしてその下には､ テキストボックスを置きたいと思います｡
‫そこで､ テキストボックスを追加し､ そのテキストボックスにはテキストボックスのユーザー名という名前を付けることにします｡
‫だからTBユーザー名｡
‫今はテキストボックスだけなんですね｡
‫そして､ ご覧のように､ まあ､ 端に寄りすぎているのです｡
‫そこで､ STACKパネルに少し余白を加え､ 10ピクセルにすることにします｡
‫そのため､ ご覧のように四方八方に向かって余白がある状態になっています｡
‫わかりました｡
‫これがテキストボックスです｡
‫さて､ パスワードのラベルをもう一つ用意したい｡
‫そこで､ パスワードをコンテンツとするものを作ってみる｡
‫そして､ その下に､ パスワードボックスを作成して終了です｡
‫それでは､ 小さなパスワードボックスと､ その下にボタンを追加してみましょう｡
‫そこで､ 新しいボタンを作り､ マージンを仮に5とし､ ログインのコンテンツを用意します｡
‫そこで､ テキストはそのボタンにログインするようにし､ クリックイベントを追加しましょう｡
‫そこで､ クリック､ クリックと､ 新しいイベントハンドラを作成します｡
‫それが私たちのボタンなんですね｡
‫ご覧のように､ この余白のある小さなボタンがここにあります｡
‫だから､ それらのテキストフィールドとまったく同じ幅にはならない｡
‫でも､ 今のところはこれでいいんです｡
‫そして今､ パスワードのボックスは､ 後で実行して少し変えたいものです｡
‫そこでまず､ ここに新しいメッセージボックスを追加します｡
‫だから､ welcomeとか､ ユーザー名とかが表示されるだけなんです｡
‫だからTBユーザー名､ ドット文字｡
‫だから､ ログインしようとする人を歓迎するはずです｡
‫そして､ この例でこのボタンが行うことはほとんどすべてです｡
‫ユーザー名は「Dennis」､ パスワードは「password」とします｡
‫そしてご覧の通り､ パスワードボックスなのでパスワードは隠されており､ 情報を見せたくないのです｡
‫だから､ それこそ私が望んでいたことなんです｡
‫そこで､ ログインを押すと､ ようこそ､ デニス､ と表示されます｡
‫そのため､ 単にログインするだけでなく､ 別のウィンドウや画面に移動して､ 必要な関連情報をすべて表示させることができます｡
‫では､ もし私がこのドットを表示させたくないとしたら？
‫代わりに､ 例えばアクセス権が欲しい｡
‫そうすれば､ パスワードボックスに入ってその設定を変更できるので､ たとえばパスワードの文字を変更することができますね｡
‫そして､ それを例えばこの小さな星に変えることができるのです｡
‫では､ もう一度実行してみます｡
‫そして､ 今私が何かを入力すると､ 代わりに星が表示されるのがわかるでしょう｡
‫だから､ Hのようなこともできるんです｡
‫つまり､ 丸や星ではなく､ パスワードを隠すためのHが表示されるようになったのです｡
‫だから､ 今､ 誰かが私のパスワードはHがたくさんあると思うかもしれない､ あなた｡
‫よし､ これで遊べるぞ｡
‫また､ パスワードボックスには､ 他にもたくさんの物件があるので､ チェックしてみてください｡
‫よし､ じゃあ星に戻ろうか｡
‫そして､ さらに付け加えたいのは､ 最大長です｡
‫そこで､ max lengthというプロパティがあるのがわかると思います｡
‫そして､ ここでパスワードの最大長を指定することができます｡
‫なぜなら､ 私は非常にシンプルなログインボックスを作りたいだけだからです｡
‫そして､ 人々は新しいパスワードを考えなければならない｡
‫だから､ そのようなものを使うときは､ いつも細心の注意を払ってください｡
‫だから､ 最大長では､ 25とか20とかでいいんじゃないでしょうか｡
‫しかし､ 8個､ 仮に8個とした上で､ もう1個井桁の文字をパスワードに加えたい｡
‫ありえません｡
‫だから､ 8文字が見えるだけで､ それ以上は何も見えない｡
‫だから､ 後からユーザーに知らせることなく､ ストレートに制限することができるのです｡
‫おいおい､ このパスワードは特定の文字数しか入力できないから長すぎるぞ｡
‫さて､ 以上がUIでのパスワードボックスの使い方です｡