「おとは@でいじー開発部」トップページに移動します
プロフィール
短く紹介
一応肩書付き最前線プロのプログラマーです☆
デザイン、サウンド、企画、設計、プログラム構築まで幅広く知識を身につけるべく修行に励んでおります!!
ハードウェア開発の沼にどっぷり漬かってぬくぬく☆

ひとり言
ハードウェア開発に興味を持ってしまった・・・当分はハードウェアについて記事を書いていくのだ♪♪
WPFの紹介ウェブページもある程度コンテンツが増えたのでライブラリの公開を一時中断したよ(爆)
スポンサード リンク
カレンダー
2018年 7月
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 31        
人気記事
- 2017/11/28 22:40 (0)
新規記事
- 2017/11/28 22:40 (0)
コメント
登録はありません
トラックバック
登録はありません
バックナンバー
RSS
常に最新情報を得るためにはRSSを利用しましょう。
QRコード
QR Code

現在のページを通報
「ぶろぐるすとーりーと管理人」へ不適切な記事の通報が行えます。
通報を行いたい対象記事のみを表示した状態で通報して下さい。

直近記事のリンク



高度なユーザーインターフェース

投稿日時 2015/02/15 21:03:11

ゲストさん、こんにちはhappy01

高級アプリ製作の極意 ~WPF編~のお部屋へようこそ。
このお部屋では 第11章 の「 高度なユーザーインターフェース 」についてお話したいと思います。

高度なユーザーインターフェースは、TextBlockTextBoxButtonをはじめとするWPFで最初から用意されているコントロールを基本のウィンドウに貼り付けるのは変わりません sign03
ただ、 共通のUIというものは設計のうちで出てくる ことがありますwink
そんなときに、共通の見た目、挙動をするUIの処理をその都度コピー&ペーストして作成しますかsign02
作業効率を上げたいのにソースのコピー&ペーストをしていたら処理の変更を行う時に大変ですcoldsweats01

そこで、 利用するのがユーザーコントロール と言う機能ですnote
簡単に行ってしまえば共通の見た目、共通の処理を定義したコントロールですwrench
基本のウィンドウとは別のユーザーコントロールにUIを実装していきます。
実装したユーザーコントロールを基本のウィンドウに貼り付ければ共通化完了ですgood

sharp ユーザコントロールの追加
プロジェクトを作成したら基本のウィンドウ(MainWindow.xaml)はほっといてユーザーコントロールを作成していきますrun
おとは@開発隊長さんの投稿画像

名前を決めて追加しましょうshine
おとは@開発隊長さんの投稿画像

1度コンパイルを行えばツールボックスに追加 されますsoon
danger自動でツールボックスに反映するにはVisual Studioの設定が必要です。
(本お部屋の一番したに設定方法を記載しています)
おとは@開発隊長さんの投稿画像

作成したユーザーコントロールを基本のウィンドウに貼り付けますclip
おとは@開発隊長さんの投稿画像

pen サンプルの説明
サンプルでは 貼りつけたユーザーコントロールが別々の動きをする (それぞれの状態が保持される)ことを分かりやすくするためにタブコントロールを用意して3つのタブにそれぞれ作成したユーザーコントロールを貼りつけました dash
おとは@開発隊長さんの投稿画像
TextBoxとButtonは以前にもお伝えしたBindingでメッセージボックス出しています。
今回ちょっと新しいのは TreeViewとListBoxにBindingを利用 しているのと 独自定義したクラスでTemplate表示 を行っているところです。
また、 GridSplitterによるコントロールの幅の簡易調整機能 を設けてみました。
Tempalate表示を利用することでより高度な表示が出来る ようになります。
今回のサンプルだとチェックボックスとテキストを並べて表示してます。

サンプルを動かしてもらった方が早いのでどぞっhappy01

clip サンプルのダウンロード
 

wrench 自動My UserControl追加設定の手順
コンパイル後にツールボックス内に自作ユーザーコントロールを自動で表示する方法をお伝えします。
Visual Studioの「ツール (T)」から「オプション (O)...」を選びます。
おとは@開発隊長さんの投稿画像
Windowsフォームデザイナーから「ツールボックスを自動取得する」を選んでVisual Studioを再起動しますon


これであなたも、 高度なUIを1度だけ作成するだけで 色んなアプリに再利用できて スト激減になること間違いなし ですっscissors


投稿者

おとは@開発隊長  

カテゴリー

C#言語

タグ

Windows C# WPF
  • Yahoo!ブックマークに登録
  • このエントリーをはてなブックマークに追加
コメント ※ぶろぐ管理者による許可があるまで投稿コメントは表示されません

*が付いた項目は入力が必須となっています。

名前

タイトル

メールアドレス

リンクURL

本文 *


※200文字まで

画像認証 *

スパム対策のためご協力下さい 
  




直近記事のリンク



ページビューカウンター
42785
ウェブページ
+ハードウェア編
+ソフトウェア編
+ノウハウ・技能編
+道具・雑貨編
+初級編
+中級編
+上級編
+番外編
+初級編
+中級編
フリースペース
☆ハイレゾ音源☆

☆お絵かきするなら☆

☆カスタムPC☆

ギャラリー
カテゴリー
ほびぃ~
くりえいてぃぶ
電子回路 (14)
ぷろぐらみんぐ
C#言語 (21)
C++言語 (4)
PHP言語 (3)
あいてぃー・こんぴゅーた
ぷろふぇっしょなる
全般 (16)
れびゅー
お気に入りたぐ
ツイッター
お問合わせ
ぶろぐ管理者にお問合わせしたい時は専用フォームから連絡が行えます。


Blogle Storeet Core System v2.0a
おとはうぇぶあぷりぶ (IPv4) v2.6a
Copyright (C) 2014-2018 Blogle Storeet Development Team.