グラフィックス 目次

Size: px
Start display at page:

Download "グラフィックス 目次"

Transcription

1 WPF チュートリアル WPF の概要 此のチュートリアルでは 殆どの Windows Presentation Foundation(WPF) アプリケーションに共通の要素を含む WPF アプリケーションの開発の概要に付いて説明する 此の様な共通の要素には Extensible Application Markup Language(() マークアップ 分離コード アプリケーション定義 コントロール レイアウト データバインディング スタイル等が有る 此のチュートリアルでは 次の手順に従って 簡単な WPF アプリケーションを作成して行く を定義して アプリケーションのユーザーインターフェイス (UI) の外観を設計する アプリケーションの動作を構築するコードを記述する アプリケーション定義を作成して アプリケーションを管理する コントロールの追加とレイアウトの作成を行い アプリケーションの UI を構成する アプリケーションの UI 全体で一貫性の有る外観を作成する為のスタイルを作成する UI をデータにバインドして データから UI を設定し データと UI の同期を維持する 此のチュートリアルの最後には ユーザーが選択した個人の経費報告書を表示出来るスタンドアロンの Windows アプリケーションが完成する 此のアプリケーションは ブラウザースタイルのウィンドウでホストされる複数の WPF ページから構成される 此のチュートリアルの構築に使用するサンプルコードは Microsoft Visual Basic と C# の両方が用意されて居る アプリケーションプロジェクトの作成 此のセクションでは アプリケーション定義 2 つのページ 及び 1 つのイメージが含まれるアプリケーションインフラストラクチャを作成する 1.Visual Basic 又は Visual C# で ExpenseIt と謂う名前の新しい WPF アプリケーションプロジェクトを作成する 此のチュートリアルでは.NET Framework 4 で使用出来る DataGrid コントロールを使用する プロジェクトで.NET Framework 4 を対象として欲しい 詳細に付いては 方法 :.NET Framework のバージョンをターゲットにする ( ドキュメント内 ) を参照され度い 2.Application.xaml(Visual Basic) 又は App.xaml(C#) をダブルクリックして開く 此の ファイルでは WPF アプリケーションと総てのアプリケーションリソースを定義する 亦 此のファイルは アプリケーションの起動時に自動的に表示する UI を指定する為にも使用される 此の例では MainWindow.xaml を指定して居る Visual Basic では は次の様に成る ( 既定で下記の様に設定される ) -1-

2 <Application x:class="application" xmlns=" xmlns:x=" StartupUri="MainWindow.xaml"> <Application.Resources> </Application.Resources> </Application> C# では 次の様に成る ( 既定で下記の様に設定される ) <Application x:class="expenseit.app" xmlns=" xmlns:x=" StartupUri="MainWindow.xaml"> <Application.Resources> </Application.Resources> </Application> 3.MainWindow.xaml を開く 此の ファイルは アプリケーションのメインウィンドウで有り ページで作成されたコンテンツを表示する Window クラスは ウィンドウのプロパティ ( タイトル サイズ アイコン等 ) を定義し イベント ( ウィンドウを閉じたり非表示にしたりする等 ) を処理する 4.Window 要素を NavigationWindow に変更する ( を書き換える ) 此のアプリケーションでは ユーザー操作に応じて様々なコンテンツに移動する 其の為 メインの Window を NavigationWindow に変更する必要が有る NavigationWindow は Window の総てのプロパティを継承する ファイル内の NavigationWindow 要素は NavigationWindow クラスのインスタンスを作成する 詳細に付いては ナビゲーションの概要 を参照され度い 5.NavigationWindow 要素の次のプロパティを変更する ( 書換 プロパティ設定の孰れも可 ) Title プロパティを "ExpenseIt" に設定する Width プロパティを 500 ピクセルに設定する Height プロパティを 350 ピクセルに設定する NavigationWindow タグの間の Grid 要素を削除する Visual Basic では は次の様に成る <NavigationWindow x:class="mainwindow" xmlns=" xmlns:x=" -2-

3 Title="ExpenseIt" Height="350" Width="500"> </NavigationWindow> C# では 次の様に成る <NavigationWindow x:class="expenseit.mainwindow" xmlns=" xmlns:x=" Title="ExpenseIt" Height="350" Width="500"> </NavigationWindow> 6.MainWindow.xaml.vb 又は MainWindow.xaml.cs を開く 此のファイルは MainWindow.xaml で宣言されたイベントを処理するコードを含む分離コードファイルで有る 此のファイルには で定義されたウィンドウの部分クラスが含まれて居る 7.C# を使用して居る場合は MainWindow クラスが NavigationWindow から派生する様に変更する Visual Basic では でウィンドウを変更すると自動的に此の処理が行われる コードは 次の様に成る Visual Basic Class MainWindow End Class Visual C# using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Windows; using System.Windows.Controls; using System.Windows.Data; using System.Windows.Documents; using System.Windows.Input; using System.Windows.Media; using System.Windows.Media.Imaging; using System.Windows.Navigation; using System.Windows.Shapes; namespace ExpenseIt -3-

4 /// <summary> /// Interaction logic for MainWindow.xaml /// </summary> public partial class MainWindow : NavigationWindow public MainWindow() InitializeComponent(); アプリケーションへのファイルの追加 此のセクションでは 2 つのページと 1 つのイメージをアプリケーションに追加する 1.ExpenseItHome.xaml と謂うプロジェクトに 新しいページ (WPF) を追加する [ プロジェクト ] [ 新しい項目の追加 ] で [ ページ (WPF)] を追加する 此のページは アプリケーションの起動時に最初に表示されるページで有る 此処に個人の一覧が表示され ユーザーは経費報告書の表示対象と成る個人を選択出来る 2.ExpenseItHome.xaml を開く 3.Title を "ExpenseIt - Home" に設定する Visual Basic では は次の様に成る <Page x:class="expenseithome" xmlns=" xmlns:x=" xmlns:mc=" xmlns:d=" mc:ignorable="d" d:designheight="300" d:designwidth="300" Title="ExpenseIt - Home"> <Grid> </Grid> </Page> C# では 次の様に成る -4-

5 <Page x:class="expenseit.expenseithome" xmlns=" xmlns:x=" xmlns:mc=" xmlns:d=" mc:ignorable="d" d:designheight="300" d:designwidth="300" Title="ExpenseIt - Home"> <Grid> </Grid> </Page> 4.MainWindow.xaml を開く 5.NavigationWindow の Source プロパティを "ExpenseItHome.xaml" に設定する 此れに依り ExpenseItHome.xaml は アプリケーションの起動時に最初に表示されるページに設定される Visual Basic では は次の様に成る <NavigationWindow x:class="mainwindow" xmlns=" xmlns:x=" Title="ExpenseIt" Height="350" Width="500" Source="ExpenseItHome.xaml"> </NavigationWindow> C# では 次の様に成る <NavigationWindow x:class="expenseit.mainwindow" xmlns=" xmlns:x=" Title="ExpenseIt" Height="350" Width="500" Source="ExpenseItHome.xaml"> </NavigationWindow> 6.ExpenseReportPage.xaml と謂うプロジェクトに 新しいページ (WPF) を追加する 此のページには ExpenseItHome.xaml で選択された個人の経費報告書が表示される 7.ExpenseReportPage.xaml を開く 8.Title を "ExpenseIt - View Expense" に設定する -5-

6 Visual Basic では は次の様に成る <Page x:class="expensereportpage" xmlns=" xmlns:x=" xmlns:mc=" xmlns:d=" mc:ignorable="d" d:designheight="300" d:designwidth="300" Title="ExpenseIt - View Expense"> <Grid> </Grid> </Page> C# では 次の様に成る <Page x:class="expenseit.expensereportpage" xmlns=" xmlns:x=" xmlns:mc=" xmlns:d=" mc:ignorable="d" d:designheight="300" d:designwidth="300" Title="ExpenseIt - View Expense"> <Grid> </Grid> </Page> 9.ExpenseItHome.xaml.vb と ExpenseReportPage.xaml.vb を開くか 又は ExpenseItHome.xaml.cs と ExpenseReportPage.xaml.cs を開く 新しいページファイルを作成すると 分離コードファイルが自動的に作成される 此等の分離コードファイルでは ユーザー入力に応答する為のロジックを処理する コードは 次の様に成る Visual Basic Class ExpenseItHome End Class Visual C# using System; using System.Collections.Generic; -6-

7 using System.Linq; using System.Text; using System.Windows; using System.Windows.Controls; using System.Windows.Data; using System.Windows.Documents; using System.Windows.Input; using System.Windows.Media; using System.Windows.Media.Imaging; using System.Windows.Navigation; using System.Windows.Shapes; namespace ExpenseIt /// <summary> /// Interaction logic for ExpenseItHome.xaml /// </summary> public partial class ExpenseItHome : Page public ExpenseItHome() InitializeComponent(); Visual Basic Class ExpenseReportPage End Class Visual C# using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Windows; using System.Windows.Controls; using System.Windows.Data; using System.Windows.Documents; using System.Windows.Input; using System.Windows.Media; using System.Windows.Media.Imaging; using System.Windows.Navigation; using System.Windows.Shapes; namespace ExpenseIt /// <summary> -7-

8 /// Interaction logic for ExpenseReportPage.xaml /// </summary> public partial class ExpenseReportPage : Page public ExpenseReportPage() InitializeComponent(); A.watermark.png と謂う名前のイメージをプロジェクトに追加する 独自のイメージを作成する事も サンプルコードからファイルをコピーする事も出来る [ プロジェクト ] [ 既存項目の追加 ] で ファイルの種類を [ イメージファイル ] に変更し 画像ファイルを指定する アプリケーションのビルドと実行 此のセクションでは アプリケーションをビルドして実行する 1.F5 キーを押すか [ デバッグ ] メニューの [ デバッグ開始 ] をクリックして アプリケーションをビルドして実行する 次の図は NavigationWindow ボタンの有るアプリケーションを示して居る 2. アプリケーションを閉じて Visual Studio に戻る レイアウトの作成 レイアウトは UI 要素の配置を整える他 UI のサイズが変更された場合に各要素のサイズと位置を管理する 通常 レイアウトを作成するには 次のレイアウトコントロールの孰れかを使用する Canvas DockPanel Grid StackPanel VirtualizingStackPanel WrapPanel -8-

9 此等の各レイアウトコントロールは 其の子要素に対して特別な種類のレイアウトをサポートする ExpenseIt のページはサイズの変更が可能で 各ページの要素は縦にも横にも他の要素と揃えられて居る 従って 此のアプリケーションに取っては Grid が最適なレイアウト要素で有る Panel 要素の詳細に付いては パネルの概要 を参照され度い レイアウトの詳細に付いては レイアウト を参照され度い 此のセクションでは ExpenseItHome.xaml の Grid に列と行の定義を追加して 10 ピクセルのマージンを持つ 3 行 1 列のテーブルを作成する 1.ExpenseItHome.xaml を開く 2.Grid 要素の Margin プロパティを "10,0,10,10" に設定する "10,0,10,10" の各値は 左 上 右 下のマージンに対応して居る 3.Grid タグの間に次の を追加し 行と列の定義を作成する <Grid.ColumnDefinitions> <ColumnDefinition /> </Grid.ColumnDefinitions> <Grid.RowDefinitions> <RowDefinition Height="Auto"/> <RowDefinition /> <RowDefinition Height="Auto"/> </Grid.RowDefinitions> 2 つの行の Height は Auto に設定される 此れは 行のサイズが其の行に含まれるコンテンツに基づいて設定される事を意味する 既定では Height は Star サイズ値で有る 詰まり 行は 使用可能なスペースの加重比率で示される 例えば 2 つの行夫々の高さが "*" の場合 各行の高さは 使用可能なスペースの半分で有る Grid は 次の の様に成る <Grid Margin="10,0,10,10"> <Grid.ColumnDefinitions> <ColumnDefinition /> </Grid.ColumnDefinitions> <Grid.RowDefinitions> <RowDefinition Height="Auto"/> <RowDefinition /> <RowDefinition Height="Auto"/> </Grid.RowDefinitions> </Grid> -9-

10 コントロールの追加 此のセクションでは ホームページの UI を更新して個人の一覧を表示する ユーザーは 此の一覧から選択して 特定の個人の経費報告書を表示出来る コントロールとは ユーザーがアプリケーションと対話出来る様にする UI オブジェクトの事で有る 詳細に付いては コントロール を参照され度い 此の UI を作成する為に ExpenseItHome.xaml に次の要素を追加する ListBox( 個人の一覧を表示する ) Label( 一覧のヘッダーとして使用する ) Button( クリック時に 一覧で選択された個人の経費報告書を表示する ) 各コントロールは Grid.Row 添付プロパティを設定する事で Grid の行に配置される 添付プロパティの詳細に付いては 添付プロパティの概要 を参照され度い 1.ExpenseItHome.xaml を開く 2.Grid タグの間に次の を追加する <!-- People list --> <Border Grid.Column="0" Grid.Row="0" Height="35" Padding="5" Background="#4E87D4"> <Label VerticalAlignment="Center" Foreground="White">Names</Label> </Border> <ListBox Name="peopleListBox" Grid.Column="0" Grid.Row="1"> <ListBoxItem>Mike</ListBoxItem> <ListBoxItem>Lisa</ListBoxItem> <ListBoxItem>John</ListBoxItem> <ListBoxItem>Mary</ListBoxItem> </ListBox> <!-- View report button --> <Button Grid.Column="0" Grid.Row="2" Margin="0,10,0,0" Width="125" Height="25" HorizontalAlignment="Right">View</Button> 3. アプリケーションをビルドして実行する 次の図は 此のセクションの で作成されたコントロールを示して居る -10-

11 イメージとタイトルの追加 此のセクションでは ホームページの UI を更新して イメージとページタイトルを表示する 1.ExpenseItHome.xaml を開く 2.ColumnDefinitions に Width が 230 ピクセルで固定された新しい列を追加する <Grid.ColumnDefinitions> <ColumnDefinition Width="230" /> <ColumnDefinition /> </Grid.ColumnDefinitions> 3.RowDefinitions に新しい行を追加する <Grid.RowDefinitions> <RowDefinition/> <RowDefinition Height="Auto"/> <RowDefinition /> <RowDefinition Height="Auto"/> </Grid.RowDefinitions> 4.Grid.Column を 1 に設定して コントロールを 2 列目に移動する Grid.Row を 1 増加して 各コントロールを 1 行下へ移動する <Border Grid.Column="1" Grid.Row="1" Height="35" Padding="5" Background="#4E87D4"> <Label VerticalAlignment="Center" Foreground="White">Names</Label> </Border> <ListBox Name="peopleListBox" Grid.Column="1" Grid.Row="2"> <ListBoxItem>Mike</ListBoxItem> <ListBoxItem>Lisa</ListBoxItem> <ListBoxItem>John</ListBoxItem> <ListBoxItem>Mary</ListBoxItem> </ListBox> <!-- View report button --> <Button Grid.Column="1" Grid.Row="3" Margin="0,10,0,0" Width="125" Height="25" HorizontalAlignment="Right">View</Button> 5.Grid の Background を watermark.png イメージファイルに設定する <Grid.Background> <ImageBrush ImageSource="watermark.png"/> -11-

12 </Grid.Background> 6.Border の前に ページのタイトルに成る "View Expense Report" と謂うコンテンツが指定された Label を追加する <Label Grid.Column="1" VerticalAlignment="Center" FontFamily="Trebuchet MS" FontWeight="Bold" FontSize="18" Foreground="#0066cc"> View Expense Report </Label> 7. アプリケーションをビルドして実行する 次の図は 此のセクションの結果を示して居る イベントを処理するコードの追加 1.ExpenseItHome.xaml を開く 2.Button 要素に Click イベントハンドラを追加する 詳細に付いては 方法 : 単純なイベントハンドラを作成する を参照され度い <!-- View report button --> <Button Grid.Column="1" Grid.Row="3" Margin="0,10,0,0" Width="125" Height="25" HorizontalAlignment="Right" Click="Button_Click">View</Button> -12-

13 3.ExpenseItHome.xaml.vb 又は ExpenseItHome.xaml.cs を開く 4.Click イベントハンドラに次のコードを追加する 此れに依り ウィンドウが ExpenseReportPage.xaml ファイルに移動する Visual Basic Private Sub Button_Click(ByVal sender As Object, ByVal e As RoutedEventArgs) ' View Expense Report Dim expensereportpage As New ExpenseReportPage() Me.NavigationService.Navigate(expenseReportPage) End Sub Visual C# private void Button_Click(object sender, RoutedEventArgs e) // View Expense Report ExpenseReportPage expensereportpage = new ExpenseReportPage(); this.navigationservice.navigate(expensereportpage); ExpenseReportPage の UI の作成 ExpenseReportPage.xaml には ExpenseItHome.xaml で選択した個人の経費報告書が表示される 此のセクションでは コントロールを追加して ExpenseReportPage.xaml の UI を作成する 亦 様々な UI 要素の背景と塗り潰しの色も追加する 1.ExpenseReportPage.xaml を開く 2.Grid タグの間に次の を追加する 此の UI は DataGrid で表示されるレポートデータ以外は ExpenseItHome.xaml で作成した UI に似て居る <Grid.Background> <ImageBrush ImageSource="watermark.png" /> </Grid.Background> <Grid.ColumnDefinitions> <ColumnDefinition Width="230" /> <ColumnDefinition /> </Grid.ColumnDefinitions> <Grid.RowDefinitions> <RowDefinition Height="Auto" /> <RowDefinition /> </Grid.RowDefinitions> -13-

14 <Label Grid.Column="1" VerticalAlignment="Center" FontFamily="Trebuchet MS" FontWeight="Bold" FontSize="18" Foreground="#0066cc"> Expense Report For: </Label> <Grid Margin="10" Grid.Column="1" Grid.Row="1"> <Grid.ColumnDefinitions> <ColumnDefinition /> <ColumnDefinition /> </Grid.ColumnDefinitions> <Grid.RowDefinitions> <RowDefinition Height="Auto" /> <RowDefinition Height="Auto" /> <RowDefinition /> </Grid.RowDefinitions> <!-- Name --> <StackPanel Grid.Column="0" Grid.ColumnSpan="2" Grid.Row="0" Orientation="Horizontal"> <Label Margin="0,0,0,5" FontWeight="Bold">Name:</Label> <Label Margin="0,0,0,5" FontWeight="Bold"></Label> </StackPanel> <!-- Department --> <StackPanel Grid.Column="0" Grid.ColumnSpan="2" Grid.Row="1" Orientation="Horizontal"> <Label Margin="0,0,0,5" FontWeight="Bold">Department:</Label> <Label Margin="0,0,0,5" FontWeight="Bold"></Label> </StackPanel> <Grid Grid.Column="0" Grid.ColumnSpan="2" Grid.Row="2" VerticalAlignment="Top" HorizontalAlignment="Left"> <!-- Expense type and Amount table --> <DataGrid AutoGenerateColumns="False" RowHeaderWidth="0" > <DataGrid.ColumnHeaderStyle> <Style TargetType="x:Type DataGridColumnHeader"> <Setter Property="Height" Value="35" /> <Setter Property="Padding" Value="5" /> <Setter Property="Background" Value="#4E87D4" /> <Setter Property="Foreground" Value="White" /> </Style> </DataGrid.ColumnHeaderStyle> <DataGrid.Columns> <DataGridTextColumn Header="ExpenseType" /> <DataGridTextColumn Header="Amount" /> </DataGrid.Columns> </DataGrid> </Grid> </Grid> -14-

15 3. アプリケーションをビルドして実行する DataGrid が見付からないか存在しないエラーが発生した場合は プロジェクトで.NET Framework 4 を対象する 詳細に付いては 方法 :.NET Framework のバージョンをターゲットにする ( ドキュメント内 ) を参照され度い 4.[View] をクリックする 経費報告書のページが表示される ExpenseReportPage.xaml に追加された UI 要素を次の図に示す " 戻る " ナビゲーションボタンが有効に成って居る事に注目され度い コントロールのスタイル設定 多くの場合 UI では 要素の種類が同じで有れば 外観も総て同じに成る UI では 複数の要素間で外観を再利用出来る様に スタイルが使用される スタイルの再利用性に依り の作成と管理が簡略化される スタイルの詳細に付いては スタイルとテンプレート を参照され度い 此のセクションでは 此れ迄の手順で定義した要素毎の属性をスタイルに置き換える 1.Application.xaml 又は App.xaml を開く 2.Application.Resources タグの間に次の を追加する <!-- Header text style --> <Style x:key="headertextstyle"> <Setter Property="Label.VerticalAlignment" Value="Center"></Setter> <Setter Property="Label.FontFamily" Value="Trebuchet MS"></Setter> <Setter Property="Label.FontWeight" Value="Bold"></Setter> <Setter Property="Label.FontSize" Value="18"></Setter> <Setter Property="Label.Foreground" Value="#0066cc"></Setter> </Style> -15-

16 <!-- Label style --> <Style x:key="labelstyle" TargetType="x:Type Label"> <Setter Property="VerticalAlignment" Value="Top" /> <Setter Property="HorizontalAlignment" Value="Left" /> <Setter Property="FontWeight" Value="Bold" /> <Setter Property="Margin" Value="0,0,0,5" /> </Style> <!-- DataGrid header style --> <Style x:key="columnheaderstyle" TargetType="x:Type DataGridColumnHeader"> <Setter Property="Height" Value="35" /> <Setter Property="Padding" Value="5" /> <Setter Property="Background" Value="#4E87D4" /> <Setter Property="Foreground" Value="White" /> </Style> <!-- List header style --> <Style x:key="listheaderstyle" TargetType="x:Type Border"> <Setter Property="Height" Value="35" /> <Setter Property="Padding" Value="5" /> <Setter Property="Background" Value="#4E87D4" /> </Style> <!-- List header text style --> <Style x:key="listheadertextstyle" TargetType="x:Type Label"> <Setter Property="Foreground" Value="White" /> <Setter Property="VerticalAlignment" Value="Center" /> <Setter Property="HorizontalAlignment" Value="Left" /> </Style> <!-- Button style --> <Style x:key="buttonstyle" TargetType="x:Type Button"> <Setter Property="Width" Value="125" /> <Setter Property="Height" Value="25" /> <Setter Property="Margin" Value="0,10,0,0" /> <Setter Property="HorizontalAlignment" Value="Right" /> </Style> 此の では 次のスタイルが追加される headertextstyle: ページタイトルの Label を書式設定する labelstyle:label コントロールを書式設定する columnheaderstyle:datagridcolumnheader を書式設定する listheaderstyle: 一覧のヘッダーの Border コントロールを書式設定する listheadertextstyle: 一覧のヘッダーの Label を書式設定する buttonstyle:expenseithome.xaml の Button を書式設定する -16-

17 スタイルは Application.Resources プロパティ要素のリソースで有り 子でも有る 此処では スタイルはアプリケーション内の総ての要素に適用される.NET Framework アプリケーションでリソースを使用する例に付いては 方法 : アプリケーションリソースを使用する を参照され度い 3.ExpenseItHome.xaml を開く 4.Grid 要素間の総ての内容を次の に置き換える <Grid.Background> <ImageBrush ImageSource="watermark.png" /> </Grid.Background> <Grid.ColumnDefinitions> <ColumnDefinition Width="230" /> <ColumnDefinition /> </Grid.ColumnDefinitions> <Grid.RowDefinitions> <RowDefinition/> <RowDefinition Height="Auto"/> <RowDefinition /> <RowDefinition Height="Auto"/> </Grid.RowDefinitions> <!-- People list --> <Label Grid.Column="1" Style="StaticResource headertextstyle" > View Expense Report </Label> <Border Grid.Column="1" Grid.Row="1" Style="StaticResource listheaderstyle"> <Label Style="StaticResource listheadertextstyle">names</label> </Border> <ListBox Name="peopleListBox" Grid.Column="1" Grid.Row="2"> <ListBoxItem>Mike</ListBoxItem> <ListBoxItem>Lisa</ListBoxItem> <ListBoxItem>John</ListBoxItem> <ListBoxItem>Mary</ListBoxItem> </ListBox> <!-- View report button --> <Button Grid.Column="1" Grid.Row="3" Click="Button_Click" Style="StaticResource buttonstyle">view</button> 各コントロールの外観を定義する VerticalAlignment や FontFamily 等のプロパティは スタイルを適用する事に依り 削除されて置き換えられる 例えば headertextstyle は "View Expense -17-

18 Report" と謂う Label に適用される 5.ExpenseReportPage.xaml を開く 6.Grid 要素間の総ての内容を次の に置き換える <Grid.Background> <ImageBrush ImageSource="watermark.png" /> </Grid.Background> <Grid.ColumnDefinitions> <ColumnDefinition Width="230" /> <ColumnDefinition /> </Grid.ColumnDefinitions> <Grid.RowDefinitions> <RowDefinition Height="Auto" /> <RowDefinition /> </Grid.RowDefinitions> <Label Grid.Column="1" Style="StaticResource headertextstyle"> Expense Report For: </Label> <Grid Margin="10" Grid.Column="1" Grid.Row="1"> <Grid.ColumnDefinitions> <ColumnDefinition /> <ColumnDefinition /> </Grid.ColumnDefinitions> <Grid.RowDefinitions> <RowDefinition Height="Auto" /> <RowDefinition Height="Auto" /> <RowDefinition /> </Grid.RowDefinitions> <!-- Name --> <StackPanel Grid.Column="0" Grid.ColumnSpan="2" Grid.Row="0" Orientation="Horizontal"> <Label Style="StaticResource labelstyle">name:</label> <Label Style="StaticResource labelstyle"></label> </StackPanel> <!-- Department --> <StackPanel Grid.Column="0" Grid.ColumnSpan="2" Grid.Row="1" Orientation="Horizontal"> <Label Style="StaticResource labelstyle">department:</label> <Label Style="StaticResource labelstyle"></label> </StackPanel> <Grid Grid.Column="0" Grid.ColumnSpan="2" Grid.Row="2" VerticalAlignment="Top" HorizontalAlignment="Left"> -18-

19 <!-- Expense type and Amount table --> <DataGrid ColumnHeaderStyle="StaticResource columnheaderstyle" AutoGenerateColumns="False" RowHeaderWidth="0" > <DataGrid.Columns> <DataGridTextColumn Header="ExpenseType" /> <DataGridTextColumn Header="Amount" /> </DataGrid.Columns> </DataGrid> </Grid> </Grid> 此れに依り Label 要素と Border 要素にスタイルが追加される 7. アプリケーションをビルドして実行する 此のセクションで を追加した後も アプリケーションの外観はスタイルに依る更新の前と変わらない コントロールへのデータのバインド 此のセクションでは 様々なコントロールにバインドされる XML データを作成する 1.ExpenseItHome.xaml を開く 2. 開始の Grid 要素の後に 各個人のデータを含む XmlDataProvider を作成する次の を追加する データは Grid リソースとして作成される 通常 此れはファイルとして読み込まれるが 解り易くする為に データをインラインで追加して居る <Grid Margin="10,0,10,10"> <Grid.Resources> <!-- Expense Report Data --> <XmlDataProvider x:key="expensedatasource" XPath="Expenses"> <x:xdata> <Expenses xmlns=""> <Person Name="Mike" Department="Legal"> <Expense ExpenseType="Lunch" ExpenseAmount="50" /> <Expense ExpenseType="Transportation" ExpenseAmount="50" /> </Person> <Person Name="Lisa" Department="Marketing"> <Expense ExpenseType="Document printing" ExpenseAmount="50"/> <Expense ExpenseType="Gift" ExpenseAmount="125" /> </Person> -19-

20 <Person Name="John" Department="Engineering"> <Expense ExpenseType="Magazine subscription" ExpenseAmount="50"/> <Expense ExpenseType="New machine" ExpenseAmount="600" /> <Expense ExpenseType="Software" ExpenseAmount="500" /> </Person> <Person Name="Mary" Department="Finance"> <Expense ExpenseType="Dinner" ExpenseAmount="100" /> </Person> </Expenses> </x:xdata> </XmlDataProvider> </Grid.Resources>... </Grid> 3.Grid リソースでは 次の DataTemplate を追加する 此れに依り ListBox にデータを表示する方法が定義される データテンプレートの詳細に付いては データテンプレートの概要 を参照され度い <Grid.Resources>... <!-- Name item template --> <DataTemplate x:key="nameitemtemplate"> <Label Content="Binding </DataTemplate> </Grid.Resources> 4. 既存の ListBox を次の に置き換える <ListBox Name="peopleListBox" Grid.Column="1" Grid.Row="2" ItemsSource="Binding Source=StaticResource ExpenseDataSource, XPath=Person" ItemTemplate="StaticResource nameitemtemplate"> </ListBox> 此の は ListBox の ItemsSource プロパティをデータソースにバインドし データテンプレートを ItemTemplate として適用する -20-

21 コントロールへのデータの接続 此のセクションでは ExpenseItHome.xaml ページ上の個人の一覧で選択されて居る現在の項目を取得し 其の参照を ExpenseReportPage のコンストラクターに渡してインスタンス化するコードを作成する ExpenseReportPage は 渡された項目を使用してデータコンテキストを設定する 此の項目が ExpenseReportPage.xaml で定義されたコントロールのバインド先に成る 1.ExpenseReportPage.xaml.vb 又は ExpenseReportPage.xaml.cs を開く 2. オブジェクトを取得するコンストラクターを追加して 選択した個人の経費報告書データを渡せる様にする Visual Basic Partial Public Class ExpenseReportPage Inherits Page Public Sub New() InitializeComponent() End Sub ' Custom constructor to pass expense report data Public Sub New(ByVal data As Object) Me.New() ' Bind to expense report data. Me.DataContext = data End Sub End Class Visual C# public partial class ExpenseReportPage : Page public ExpenseReportPage() InitializeComponent(); // Custom constructor to pass expense report data public ExpenseReportPage(object data):this() // Bind to expense report data. this.datacontext = data; 3.ExpenseItHome.xaml.vb 又は ExpenseItHome.xaml.cs を開く 4. 選択した個人の経費報告書データを渡す新しいコンストラクターを呼び出す様に Click イベントハンドラを変更する -21-

22 Visual Basic Private Sub Button_Click(ByVal sender As Object, ByVal e As RoutedEventArgs) ' View Expense Report Dim expensereportpage As ExpenseReportPage = _ New ExpenseReportPage(Me.peopleListBox.SelectedItem) Me.NavigationService.Navigate(expenseReportPage) End Sub Visual C# private void Button_Click(object sender, RoutedEventArgs e) // View Expense Report ExpenseReportPage expensereportpage = new ExpenseReportPage(this.peopleListBox.SelectedItem); this.navigationservice.navigate(expensereportpage); データテンプレートを使用したデータのスタイル設定 此のセクションでは データテンプレートを使用して データバインドリスト内の各項目の UI を更新する 1.ExpenseReportPage.xaml を開く 2."Name" 及び "Department" の Label 要素の内容を適切なデータソースプロパティにバインドする データバインディングの詳細に付いては データバインドの概要 を参照され度い <!-- Name --> <StackPanel Grid.Column="0" Grid.ColumnSpan="2" Grid.Row="0" Orientation="Horizontal"> <Label Style="StaticResource labelstyle">name:</label> <Label Style="StaticResource labelstyle" Content="Binding XPath=@Name"></Label> </StackPanel> <!-- Department --> <StackPanel Grid.Column="0" Grid.ColumnSpan="2" Grid.Row="1" Orientation="Horizontal"> <Label Style="StaticResource labelstyle">department:</label> <Label Style="StaticResource labelstyle" Content="Binding XPath=@Department"></Label> </StackPanel> 3. 開始の Grid 要素の後に 経費報告書データの表示方法を定義する次のデータテンプレートを追加する -22-

23 <!--Templates to display expense report data--> <Grid.Resources> <!-- Reason item template --> <DataTemplate x:key="typeitemtemplate"> <Label Content="Binding </DataTemplate> <!-- Amount item template --> <DataTemplate x:key="amountitemtemplate"> <Label Content="Binding </DataTemplate> </Grid.Resources> 4. 経費報告書データを表示する DataGrid 列にテンプレートを適用する ExpenseReportPage.xaml の DataGrid の部分を 下記の様に書き換える <!-- Expense type and Amount table --> <DataGrid ItemsSource="Binding XPath=Expense" ColumnHeaderStyle="StaticResource columnheaderstyle" AutoGenerateColumns="False" RowHeaderWidth="0" > <DataGrid.Columns> <DataGridTextColumn Header="ExpenseType" Binding="Binding /> <DataGridTextColumn Header="Amount" Binding="Binding /> </DataGrid.Columns> </DataGrid> 5. アプリケーションをビルドして実行する 6. 個人を選択し [View] をクリックする 次の図は コントロール レイアウト スタイル データバインド 及びデータテンプレートが適用された ExpenseIt アプリケーションの両方のページを示して居る -23-

24

25 方法 :.NET Framework のバージョンをターゲットにする 此のドキュメントでは 特定の.NET Framework のバージョンを対象にしてプロジェクトを作成する方法 及び 既存のプロジェクトで対象とするフレームワークを変更する方法に付いて説明する C++ プロジェクトの.NET Framework のバージョンを変更する方法の詳細に付いては 方法 : ターゲットフレームワークおよびプラットフォームのツールセットを変更する を参照され度い Visual Studio Express Edition では プロジェクトの作成時に.NET Framework のバージョンやプロファイルを指定出来ない 但し 後で プロジェクトの対象をインストールされて居る.NET Framework の総てのバージョンに再設定出来る プロジェクト作成時に.NET Framework のバージョンを指定する 次の手順では プロジェクトを作成する時に 特定の.NET Framework のバージョンを対象とする方法を示す 使用出来るプロジェクトテンプレートは 選択するフレームワークのバージョンに依り異なる プロジェクトを作成する時に.NET Framework バージョンのを対象にする 1. メニューバーで [ ファイル ] [ 新規 ] [ プロジェクト ] の順にクリックする 2.[ 新しいプロジェクト ] のダイアログボックスの上部に有る一覧で 対象とするプロジェクトの対象と成る.NET Framework のバージョンを選択する 通常.NET Framework の 1 種類のバージョン而巳 Visual Studio と共にインストールされる 異なるバージョンのを対象とする場合は 最初にインストールされて居る必要が有る 詳細に付いては Visual Studio のマルチターゲットの概要 を参照され度い 3. インストールされたテンプレートの一覧で 作成するプロジェクトの種類を選択する テンプレートの一覧が自動的に選択した.NET Framework のバージョンに依ってサポートされて居るプロジェクト而巳を表示する様にフィルター処理する 次に [OK] をクリックする 既存のプロジェクトの.NET Framework の対象バージョンの変更 次の手順では 既存の Visual Basic Visual C# Visual F# のプロジェクトの対象とするフレームワークを変更する方法を示す 既存のプロジェクトの.NET Framework の対象バージョンを変更するには 1. 変更するプロジェクトを開く 2.[ ソリューションエクスプローラー ] のツールバーで [ プロパティ ] のボタンをクリックする 3. 亦 [ ソリューションエクスプローラー ] のプロジェクトノードを選択し ノードを右クリックして開いたコンテキストメニューの [ プロパティ ] を選択する 4.[ アプリケーション ] のタブの設定が表示される 5.[ ターゲットフレームワーク ] のドロップダウンリストで 目的の.NET Framework のバージョンを選択した後 [OK] をクリックする -25-

26 次に プロジェクトをアンロードし 再読み込みを行う 此れで 選択したフレームワークのバージョンが対象と成る.NET Framework のバージョンを変更する時に コードが別のバージョンへの参照が含まれて居る場合 エラーメッセージが表示される事が有る 此等のエラーを解決するには 参照を変更する必要が有る 詳細に付いては.NET Framework を対象とするエラーのトラブルシューティング を参照され度い -26-

グラフィックス 目次

グラフィックス 目次 WPF チュートリアル WPF デザイナーに依るサイズ変更可能なアプリケーションの作成 Grid コンテナーコントロールと共に GridSplitter コントロールを使用する事に依り 実行時にユーザーに依ってサイズを変更出来るウィンドウレイアウトを作成出来る 例えば 領域に分割されて居る UI を持つアプリケーションで ユーザーが分割線をドラッグする事に依り より多くの内容を見る必要が有る領域を大きくする事が出来る

More information

Carousel for WPF/Silverlight

Carousel for WPF/Silverlight 2018.04.10 更新 グレープシティ株式会社 目次 製品の概要 2 ComponentOne for / のヘルプ 2 主な特長 3 クイックスタート 4 手順 1: アプリケーションの作成 4-5 手順 2: アプリケーションへのコンテンツの追加 5-8 手順 3: アプリケーションの実行 8 Carousel for / の使い方 9 C1CarouselPanel の使用 9-10 カルーセルのカスタマイズ

More information

WPFの初歩の初歩

WPFの初歩の初歩 WPF の初歩の初歩 うつせみ ( 虚蝉 ) 本日のお品書き XAML について XAML って? (Extensible Application Markup Language) XML をベースとしたマークアップ言語 デザインとロジックが分離デザイナとコーダーの分業が可能に XAML を見てみよう どちらも同じものです (Button) XAML C#

More information

グラフィックス 目次

グラフィックス 目次 WPF チュートリアル Windows フォームでの WPF 複合コントロールのホスト Windows Presentation Foundation(WPF) は アプリケーションの作成に適した環境を提供する 但し Windows フォームのコードに多大な手間と時間を懸けた場合は コードを最初から記述し直すよりも 既存の Windows フォームアプリケーションを WPF で拡張する方が効率的と成る事も有る

More information

目次 はじめに... 3 システムの必要条件... 3 サンプルアプリケーションの作成... 3 手順 手順 手順 手順 手順 手順 終わりに... 23

目次 はじめに... 3 システムの必要条件... 3 サンプルアプリケーションの作成... 3 手順 手順 手順 手順 手順 手順 終わりに... 23 SharpShooter Reports.Silverlight 基本的な使い方 Last modified on: August 16, 2012 本ドキュメント内のスクリーンショットは英語表記ですが SharpShooter Reports JP( 日本語版 ) では日本語で表示されます 目次 はじめに... 3 システムの必要条件... 3 サンプルアプリケーションの作成... 3 手順 1...

More information

Sparkline for WPF

Sparkline for WPF 2018.04.11 更新 グレープシティ株式会社 目次 Sparkline for WPF の概要 2 WPF Edition のヘルプ 2 主要な機能 2 クイックスタート :Sparkline for WPF 2-4 機能 4 軸 4 日付軸 4-5 データ連結 5 スパークラインのタイプ 5-7 スパークラインタイプの設定 7 マーカー 7-9 マーカーの色のカスタマイズ 9-10 タスク別ヘルプ

More information

グラフィックス 目次

グラフィックス 目次 WPF チュートリアル WPF デザイナでの簡単な WPF アプリケーションの作成 此のチュートリアルでは WPF デザイナで簡単な WPF(Windows Presentation Foundation) アプリケーションを作成する方法を示す 此のチュートリアルでは下記のタスクを行う プロジェクトを作成する レイアウトを作成する レイアウトにコントロールを追加する レイアウト関連のプロパティを設定する

More information

Userコントロール

Userコントロール User コントロール 初めてのユーザーコントロールの作成 作成したクラスは他のプログラムで再利用出来る為 同じコードを何度も繰り返し作成する必要が無い コントロールも 複数のプロジェクトで再利用出来るクラスで有る 同じユーザーインターフェイスを何度も繰り返してデザインすると謂う経験は 恐らく誰でも有る 例えば 姓と名を入力する為の TextBox コントロールを追加した後で 両方を組み合わせてフルネームを作成するコードを追加する等の作業で有る

More information

Abstract Kinect for Windows RGB Kinect for Windows v Kinect for Windows v2

Abstract Kinect for Windows RGB Kinect for Windows v Kinect for Windows v2 Kinect 2014 9 19 IS Report No. 2014092901 Report Medical Information System Laboratory Abstract Kinect for Windows 2012 2 RGB Kinect for Windows v2 2014 7 Kinect for Windows v2 1............................

More information

XAML Do-It-Yourself 第 3 回ベントとトリガー XML Do-It-Yourself 第 3 回目は ベント処理とトリガーについて学習します Windows フォームゕプリケーションでは たとえば ボタンが押された というベントに対応する処理 ( ベントハンドラー ) を記述する

XAML Do-It-Yourself 第 3 回ベントとトリガー XML Do-It-Yourself 第 3 回目は ベント処理とトリガーについて学習します Windows フォームゕプリケーションでは たとえば ボタンが押された というベントに対応する処理 ( ベントハンドラー ) を記述する XAML Do-It-Yourself シリーズ 第 3 回ベントとトリガー -1- XAML Do-It-Yourself 第 3 回ベントとトリガー XML Do-It-Yourself 第 3 回目は ベント処理とトリガーについて学習します Windows フォームゕプリケーションでは たとえば ボタンが押された というベントに対応する処理 ( ベントハンドラー ) を記述することで ゕプリケーションのユーザーンターフェスを実現していました

More information

VB.NET解説

VB.NET解説 Visual Basic.NET 印刷編 目次 印刷の概要... 2 印刷の流れ... 2 標準の Windows フォーム印刷ジョブの作成... 3 実行時に於ける Windows フォーム印刷オプションの変更... 3 Windows フォームに於ける接続されたプリンタの選択... 4 Windows フォームでのグラフィックスの印刷... 5 Windows フォームでのテキストの印刷...

More information

Chart3D for WPF/Silverlight

Chart3D for WPF/Silverlight 2018.04.10 更新 グレープシティ株式会社 目次 製品の概要 2 ComponentOne for WPF/Silverlight のヘルプ 2 主な特長 3 クイックスタート 4 手順 1: プロジェクトへのコントロールの追加 4-5 手順 2: データの追加 5-6 手順 3: グラフの外観の変更 6-7 手順 4: 凡例の追加 7 手順 5: プロジェクトの実行 7 XAML クイックリファレンス

More information

XAML Do-It-Yourself シリーズ 第 1 回 XAML 概要 -1-

XAML Do-It-Yourself シリーズ 第 1 回 XAML 概要 -1- XAML Do-It-Yourself シリーズ 第 1 回 XAML 概要 -1- XAML Do-It-Yourself 第 1 回 XAML 概要 はじめに - XAML Do-It-Yourself について 本 XAML Do-It-Yourself シリーズでは 13 回にわたって XAML (Extensible Application Markup Language) の基礎を学習していきます

More information

グラフィックス 目次

グラフィックス 目次 WPF チュートリアル Microsoft Expression Blend を使用してボタンを作成する 此のチュートリアルでは WPF のカスタマイズされたボタンを Microsoft Expression Blend を使用して作成する手順に付いて説明する Microsoft Expression Blend の具体的な動作は Extensible Application Markup Language(XAML)

More information

グラフィックス 目次

グラフィックス 目次 WPF チュートリアル WPF での Windows フォーム複合コントロールのホスト Windows Presentation Foundation(WPF) は アプリケーションの作成に適した環境を提供する 但し Windows フォームのコードに多くの投資を行った場合は コードを最初から記述し直すよりも WPF アプリケーションのコードの少なくとも一部を再利用する方が効率的で有る 最も一般的なシナリオは

More information

SharpShooter Reports.WPF 基本的な使い方 Last modified on: November 15, 2012 本ドキュメント内のスクリーンショットは英語表記ですが SharpShooter Reports JP( 日本語版 ) では日本語で表示されます

SharpShooter Reports.WPF 基本的な使い方 Last modified on: November 15, 2012 本ドキュメント内のスクリーンショットは英語表記ですが SharpShooter Reports JP( 日本語版 ) では日本語で表示されます SharpShooter Reports.WPF 基本的な使い方 Last modified on: November 15, 2012 本ドキュメント内のスクリーンショットは英語表記ですが SharpShooter Reports JP( 日本語版 ) では日本語で表示されます 目次 はじめに... 3 システムの必要条件... 3 ライセンス認証... 3 アクティベーション... 5 開発...

More information

Visual Studio Do-It-Yourself 第 9 回ユーザーコントロール 第 6 回のリソースから第 8 回のテンプレートで さまざまな方法でコントロールをカスタマズできるこ とを学びました 今回のテーマであるユーザーコントロールは 既存の一つのコントロールをカスタマ ズするのではな

Visual Studio Do-It-Yourself 第 9 回ユーザーコントロール 第 6 回のリソースから第 8 回のテンプレートで さまざまな方法でコントロールをカスタマズできるこ とを学びました 今回のテーマであるユーザーコントロールは 既存の一つのコントロールをカスタマ ズするのではな Visual Studio Do-It-Yourself シリーズ 第 9 回ユーザーコントロール -1- Visual Studio Do-It-Yourself 第 9 回ユーザーコントロール 第 6 回のリソースから第 8 回のテンプレートで さまざまな方法でコントロールをカスタマズできるこ とを学びました 今回のテーマであるユーザーコントロールは 既存の一つのコントロールをカスタマ ズするのではなく

More information

ICONファイルフォーマット

ICONファイルフォーマット グラフィックス 画像フォーマットエンコーダパラメータ 様々なフォーマットで画像を保存 Bitmap クラスを用いる事でビットマップ JPEG GIF PNG 等様々なフォーマットの画像を読み込み操作する事が出来る 更に Bitmap クラスや Graphics コンテナを用いて描画処理等を施したイメージをファイルに保存する事も出来る 此の時 読み込めるフォーマット同様に保存するフォーマットを選択する事が出来る

More information

グラフィックス 目次

グラフィックス 目次 WPF チュートリアル を使用したボタンの作成 此のチュートリアルでは Windows Presentation Foundation(WPF) アプリケーションで使用するアニメーションボタンの作成方法に付いて説明する 此のチュートリアルでは カスタマイズされたボタンリソースを作成するのにスタイルとテンプレートを使用する 此れに依り コードを再利用したり ボタンロジックをボタン宣言から分離したり出来る様に成る

More information

C#の基本

C#の基本 C# の基本 ~ 開発環境の使い方 ~ C# とは プログラミング言語のひとつであり C C++ Java 等に並ぶ代表的な言語の一つである 容易に GUI( グラフィックやボタンとの連携ができる ) プログラミングが可能である メモリ管理等の煩雑な操作が必要なく 比較的初心者向きの言語である C# の利点 C C++ に比べて メモリ管理が必要ない GUIが作りやすい Javaに比べて コードの制限が少ない

More information

DockControl for WPF/Silverlight

DockControl for WPF/Silverlight 2018.04.11 更新 グレープシティ株式会社 目次 製品の概要 2 ComponentOne for WPF/Silverlight のヘルプ 2 主な特長 3 クイックスタート 4 手順 1: アプリケーションの作成 4-5 手順 2:C1DockTabItems を含む C1DockTabControl の追加 5-6 手順 3: アプリケーションの実行 6-7 クイックリファレンス 8-9

More information

OutlookBar for WPF/Silverlight

OutlookBar for WPF/Silverlight 2018.04.11 更新 グレープシティ株式会社 目次 製品の概要 2 ComponentOne for WPF/Silverlight のヘルプ 2 主な特長 3 クイックスタート 4 手順 1: アプリケーションの作成 4-5 手順 2:C1OutlookItem の追加 5-6 手順 3: アプリケーションの実行 6 クイックリファレンス 7-8 C1OutlookBarの操作 9 OutlookBar

More information

XAML Do-It-Yourself シリーズ 第 7 回テンプレート -1-

XAML Do-It-Yourself シリーズ 第 7 回テンプレート -1- XAML Do-It-Yourself シリーズ 第 7 回テンプレート -1- XAML Do-It-Yourself 第 7 回テンプレート XAML Do-It-Yourself 第 7 回は テンプレートについて学習します テンプレートを使うと コントロ ールの外観を拡張できます 今回は テンプレートを使って 以下の内容を学習します テンプレートによるコントロールのカスタマズ バンデゖングデータの表示に使用するテンプレート

More information

グラフィックス

グラフィックス グラフィックス PictureBox の Image プロパティに関する良く有る勘違い PictureBox に画像を表示する方法と仕て PictureBox の Image プロパティを使う方法と Graphics の DrawImage メソッドを使う方法が有るが 此の 2 つの方法を混同し 正しく理解して居ない事が多い様で有る 例えば 下記に列挙する様な状況が 此れに該当する 1.PictureBox

More information

VB 資料 電脳梁山泊烏賊塾 音声認識 System.Speech の利用 System.Speech に依るディクテーション ( 音声を文字列化 ).NetFramework3.0 以上 (Visual Studio 2010 以降 ) では 標準で System.Speech が用意されて居るの

VB 資料 電脳梁山泊烏賊塾 音声認識 System.Speech の利用 System.Speech に依るディクテーション ( 音声を文字列化 ).NetFramework3.0 以上 (Visual Studio 2010 以降 ) では 標準で System.Speech が用意されて居るの 音声認識 System.Speech の利用 System.Speech に依るディクテーション ( 音声を文字列化 ).NetFramework3.0 以上 (Visual Studio 2010 以降 ) では 標準で System.Speech が用意されて居るので 此れを利用して音声認識を行うサンプルを紹介する 下記の様な Windows フォームアプリケーションを作成する エディタを起動すると

More information

Prog2_4th

Prog2_4th 2018 年 10 月 18 日 ( 木 ) 実施 イベントハンドライベントハンドラとは Windows フォーム上のコントロールに対して クリックされた とか 文字列を変更された とかいったイベントを行った際に, それを受け取って処理を行うメソッドをイベントハンドラと呼ぶ 本日の課題第 3 回の授業では, フォームデザイナーで該当するコントロールをダブルクリックして, コードエディタに表示されたイベントハンドラの処理を記述したが,

More information

NotifyIconコントロール

NotifyIconコントロール NotifyIcon コントロール システムトレイ ( タスクトレイ ) にアイコンを表示する.NET Framework 2.0 以降の場合は 後述の 2 を観て欲しい Outlook や MSN Messenger 等の様に Windows アプリケーションではシステムトレイ ( タスクトレイ ステータス領域等とも呼ばれる ) にアイコンを表示して アプリケーションの状態を示したり アプリケーションのフォームを表示したりする為のショートカットとして利用する事が出来る.NET

More information

ListViewコントロール

ListViewコントロール ListView コントロール ListView コントロールへ項目を追加 本稿では.NET Framework の標準コントロールで有る ListView コントロール (System.Windows.Forms 名前空間 ) を活用する為に ListView コントロールにデータを追加する方法を紹介する ListView コントロールは データ項目をアイコン表示や詳細表示等に依り一覧表示する為の物で

More information

DEMO1 まずはやってみよう アクティビティをダブルクリック 作成 - プロジェクト C# => Workflow CodeActivity をぽとぺ シーケンシャルと ステートマシン それぞれのコ ンソールアプリ あとライブラリがある びっくりマークは足りていないあかし プロパティをみると判別で

DEMO1 まずはやってみよう アクティビティをダブルクリック 作成 - プロジェクト C# => Workflow CodeActivity をぽとぺ シーケンシャルと ステートマシン それぞれのコ ンソールアプリ あとライブラリがある びっくりマークは足りていないあかし プロパティをみると判別で DEMO1 まずはやってみよう アクティビティをダブルクリック 作成 - プロジェクト C# => Workflow CodeActivity をぽとぺ シーケンシャルと ステートマシン それぞれのコ ンソールアプリ あとライブラリがある びっくりマークは足りていないあかし プロパティをみると判別できます こんなコードを追加 string str = Console.ReadLine(); int

More information

Microsoft Word -

Microsoft Word - Visual Basic 2005 Express Edition 起動とプロジェクトの新規作成方法 1.1 起動とプロジェクトの新規作成 Visual Basic の起動とプロジェクトの新規作成の方法を Visual Basic 2005 Express Edition で説明します なお バージョンやエディションが異なる場合は 操作方法が若干違います 本節の起動とプロジェクトの新規作成の部分については

More information

目次 はじめに... 3 システムの必要条件... 4 ライセンス認証... 4 アクティベーション... 6 開発... 7 手順 1. アプリケーションの作成... 7 手順 2. データソースの作成と代入... 7 手順 3. テンプレートの作成 手順 4. レポートビューアの追加

目次 はじめに... 3 システムの必要条件... 4 ライセンス認証... 4 アクティベーション... 6 開発... 7 手順 1. アプリケーションの作成... 7 手順 2. データソースの作成と代入... 7 手順 3. テンプレートの作成 手順 4. レポートビューアの追加 SharpShooter Reports.Win 基本的な使い方 Last modified on: November 15, 2012 本ドキュメント内のスクリーンショットは英語表記ですが SharpShooter Reports JP( 日本語版 ) では日本語で表示されま す 目次 はじめに... 3 システムの必要条件... 4 ライセンス認証... 4 アクティベーション... 6 開発...

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション グレープシテゖ株式会社 八巻雄哉 .NET Framework 3.0 で追加された Windows ゕプリケーションのための GUI サブシステム 2 Windows GDI User Direct3D OpenGL DirectShow 2D 2D 2D 3D ビデオ ビットマップ フォント GUI 3 Windows WPF 2D 3D ビデオ ビットマップフォント GUI 4 うちの業務ゕプリでは

More information

VB実用Ⅲ⑩ フリーデータベースⅡ

VB実用Ⅲ⑩ フリーデータベースⅡ MySQL の利用 MySQL の ODBC(MyODBC) テキストでは MySQL Connector/ODBC(mysql-connector-odbc-3.51.14-win32.msi) をインストールした場合に付いて解説して居るが 此処では MyODBC(MyODBC-3.51.10-x86-win-32bit.msi) をインストールし myodbc-3.51.06-conv_ujis.zip

More information

Prog2_12th

Prog2_12th 2018 年 12 月 13 日 ( 木 ) 実施クラスの継承オブジェクト指向プログラミングの基本的な属性として, 親クラスのメンバを再利用, 拡張, または変更する子クラスを定義することが出来る メンバの再利用を継承と呼び, 継承元となるクラスを基底クラスと呼ぶ また, 基底クラスのメンバを継承するクラスを, 派生クラスと呼ぶ なお, メンバの中でコンストラクタは継承されない C# 言語では,Java

More information

TileView for WPF/Silverlight

TileView for WPF/Silverlight 2018.02.20 更新 グレープシティ株式会社 目次 製品の概要 2 主な特長 3 クイックスタート 4 手順 1: アプリケーションの作成 4-5 手順 2: コントロールのカスタマイズ 5-6 手順 3: アプリケーションの実行 6 TileView の使い方 7 TileViewItem の要素 7 TileViewItem の状態 7-8 列と行 8 最小化項目の位置 8 ドラッグアンドドロップ操作

More information

Microsoft Word - VB.doc

Microsoft Word - VB.doc 第 1 章 初めてのプログラミング 本章では カウントアップというボタンを押すと表示されている値が1ずつ増加し カウントダウンというボタンを押すと表示されている値が1ずつ減少する簡単な機能のプログラムを作り これを通して Visual Basic.NET によるプログラム開発の概要を学んでいきます 1.1 起動とプロジェクトの新規作成 Visual Studio.NET の起動とプロジェクトの新規作成の方法を

More information

プロセス間通信

プロセス間通信 プロセス間通信 プロセス間通信 (SendMessage) プロセス間通信とは 同一コンピューター上で起動して居るアプリケーション間でデータを受け渡し度い事は時々有る Framework には リモート処理 と謂う方法でデータの受け渡しを行なう方法が有る 此処では 此の方法では無く 従来の方法の API を使用したプロセス間通信を紹介する 此の方法は 送信側は API の SendMessage で送り

More information

データアダプタ概要

データアダプタ概要 データベース TableAdapter クエリを実行する方法 TableAdapter クエリは アプリケーションがデータベースに対して実行出来る SQL ステートメントやストアドプロシージャで TableAdapter で型指定されたメソッドと仕て公開される TableAdapter クエリは 所有るオブジェクトのメソッドと同様に 関連付けられたメソッドを呼び出す事に依り実行出来る TableAdapter

More information

Prog2_15th

Prog2_15th 2019 年 7 月 25 日 ( 木 ) 実施メニューメニューバーとコンテクストメニュー Visual C# では, メニューはコントロールの一つとして扱われ, フォームアプリケーションの上部に配置されるメニューバーと, コントロール上でマウスを右クリックすると表示されるコンテクストメニューとに対応している これ等は選択するとメニューアイテムのリストが表示されるプルダウンメニューと呼ばれる形式に従う

More information

Visual Basic 資料 電脳梁山泊烏賊塾 コレクション初期化子 コレクション初期化子 初めに.NET 版の Visual Basic では 其れ迄の Visual Basic 6.0 とは異なり 下記の例の様に変数宣言の構文に 初期値を代入する式が書ける様に成った 其の際 1 の様に単一の値

Visual Basic 資料 電脳梁山泊烏賊塾 コレクション初期化子 コレクション初期化子 初めに.NET 版の Visual Basic では 其れ迄の Visual Basic 6.0 とは異なり 下記の例の様に変数宣言の構文に 初期値を代入する式が書ける様に成った 其の際 1 の様に単一の値 コレクション初期化子 コレクション初期化子 初めに.NET 版の Visual Basic では 其れ迄の Visual Basic 6.0 とは異なり 下記の例の様に変数宣言の構文に 初期値を代入する式が書ける様に成った 其の際 1 の様に単一の値 ( 此処では 10) を代入する丈でなく 2 の配列変数の宣言の様に ブレース { } の中にカンマ区切りで初期値のリストを記述し 配列の各要素に初期値を代入出来る様に成った

More information

WPF アプリケーションの 多言語切替

WPF アプリケーションの 多言語切替 WPF アプリケーションの 多言語切替 YK S o f t w a r e 2015 年 6 月 2 日 @twyujiro15 プロフィール 加藤裕次郎 本職は製造業の開発業務 - 2009 年 4 月に入社 1982.03.03 生まれ ( うお座 ) 左利き ( お箸は右 ) twitter : @twyujiro15 プログラミング経験 Excel VBA MATLAB MATX C VC++

More information

ファイル操作

ファイル操作 ファイル操作 TextFieldParser オブジェクト ストリームの読込と書込 Microsoft.VisualBasic.FileIO 名前空間の TextFieldParser オブジェクトは 構造化テキストファイルの解析に使用するメソッドとプロパティを備えたオブジェクトで有る テキストファイルを TextFieldParser で解析するのは テキストファイルを反復処理するのと同じで有り

More information

Windows 10 IoT Core MVA 2015 August Windows 10 IoT Core ハンズオントレーニング Building and running Github MS IoT Samples on Windows 10 IoT Core 3 章 UWP アプリの開発 L

Windows 10 IoT Core MVA 2015 August Windows 10 IoT Core ハンズオントレーニング Building and running Github MS IoT Samples on Windows 10 IoT Core 3 章 UWP アプリの開発 L Windows 10 IoT Core ハンズオントレーニング Building and running Github MS IoT Samples on Windows 10 IoT Core 3 章 UWP アプリの開発 Lab version: 10240.1.0 Last updated: 9/24/2015 Building and running Github MS IoT Samples

More information

IBM Business Process Manager CSS による Coach レイアウト制御ガイド WebSphere 2014 IBM Corporation

IBM Business Process Manager CSS による Coach レイアウト制御ガイド WebSphere 2014 IBM Corporation IBM Business Process Manager CSS による Coach レイアウト制御ガイド WebSphere 目次 1. はじめに ( 資料の目的 ) 2. Coach View 構造の基本 2.1 CSS の基礎 2.2 Coach における CSS 記述場所 2.3 標準 Coach View 構造の基本 2.4 Coach における CSS セレクター指定の基本 3. 実践

More information

LogisticaTRUCKServer-Ⅱ距離計算サーバ/Active-Xコントロール/クライアント 概略   

LogisticaTRUCKServer-Ⅱ距離計算サーバ/Active-Xコントロール/クライアント 概略       - LogisticaTRUCKServer-Ⅱ(SQLServer 版 ) 距離計算サーハ API.NET DLL WindowsForm サンフ ルフ ロク ラム - 1 - LogisticaTRUCKServer-Ⅱ 距離計算サーハ.NET DLL WindowsForm VisualBasic での利用方法 LogisticaTRUCKServer-Ⅱ 距離計算.NET DLLのサンプルプログラムの参照サンフ

More information

Prog2_2nd

Prog2_2nd 2018 年 10 月 4 日 ( 木 ) 実施 C# プログラムの基礎 基本構造 1) クラス Visual C# のプログラムの基本単位をクラスと呼ぶ Windows フォームアプリケーションを作 成する際, プロジェクトを作成すると生成されるファイルのうち,Form1.cs を例にとれば, その クラス名は Form1 である クラスは class キーワードを用いて宣言する Form1.cs

More information

ルーレットプログラム

ルーレットプログラム ルーレットプログラム VB 2005 4 プログラムの概要 カジノの代表的なゲーム ルーレット を作成する 先ず GO! ボタンをクリックすると ルーレット盤上をボールが回転し 一定時間経過すると ボールが止まり 出目を表示するプログラムを作成する 出目を 1~16 大小 偶数奇数の内から予想して 予め設定した持ち点の範囲内で賭け点を決め 賭け点と出目に依り 1 点賭けの場合は 16 倍 其他は 2

More information

ブロック パニック

ブロック パニック ブロックパニック VB 2005 9 プログラムの概要 壁が迫り来る不思議な空間のオリジナルゲーム ブロックパニック を作成する スタートボタンをクリックし上下左右の矢印キーで白猿を移動させる スペースキーを押すと 向いて居る方向の壁が後退する 左右の壁が合わさると ゲームは終了する 一般的に 実用プログラムに比較するとゲームプログラムは 高度なテクニックを要求される事が多い 此処では ゲームプログラムを作成する事に依り

More information

平成 30 年度 プログラミング研修講座 岩手県立総合教育センター

平成 30 年度 プログラミング研修講座 岩手県立総合教育センター 平成 30 年度 プログラミング研修講座 岩手県立総合教育センター 目次第 1 章プログラミングについて 1 ソフトウェアの働き 1 2 プログラミング言語 1 3 主なプログラミング言語の歴史 2 第 2 章 Visual Basic について 1 Visual Basic とは 3 2.NET Framework の環境 3 3 Visual Basic と.NET Framework の関係

More information

XAMLDo-It-Yourself 第 2 回. レゕウト 今回は XAML でウゖンドウにパネルやボタン メニューなどの基本的なコントロールを配置する方法を 学びます ここでは 次のことを学習します XAML におけるレゕウトの基本 主要なパネルとその記述方法 XAML (WPF) で利用可能な

XAMLDo-It-Yourself 第 2 回. レゕウト 今回は XAML でウゖンドウにパネルやボタン メニューなどの基本的なコントロールを配置する方法を 学びます ここでは 次のことを学習します XAML におけるレゕウトの基本 主要なパネルとその記述方法 XAML (WPF) で利用可能な XAML Do-It-Yourself シリーズ 第 2 回レゕウト -1- XAMLDo-It-Yourself 第 2 回. レゕウト 今回は XAML でウゖンドウにパネルやボタン メニューなどの基本的なコントロールを配置する方法を 学びます ここでは 次のことを学習します XAML におけるレゕウトの基本 主要なパネルとその記述方法 XAML (WPF) で利用可能なコントロール 典型的なコントロールの記述方法

More information

XAML Do-It-Yourself シリーズ 第 11 回 2D グラフゖックス -1-

XAML Do-It-Yourself シリーズ 第 11 回 2D グラフゖックス -1- XAML Do-It-Yourself シリーズ 第 11 回 2D グラフゖックス -1- XAML Do-It-Yourself 第 11 回 2D グラフゖックス XAML Do-It-Yourself 第 11 回は 2D グラフゖックスについて学習します XAML を使って作成する WPF ゕプリケーションでは 従来の Windows フォームゕプリケーションと 比較して 2D および 3D

More information

構造体

構造体 構造体 Byte 配列 構造体とコピーする方法 構造体とバイト配列の変換を行うには System.Runtime.InteropServices 名前空間をインポートして置くと便利で有る Imports System.Runtime.InteropServices using System.Runtime.InteropServices; 下記の 3 種類の構造体にバイト配列の値を格納した場合に付いて検証する

More information

Android から Windows Phone へ 10 の基本タスク 英語版公開日 : 2011 年 10 月 5 日 ( 水 ) 10:09:24 AM Windows Phone Interoperability サイトは さまざまなスマートフォンプラットフォーム向けにアプリケーションを開発

Android から Windows Phone へ 10 の基本タスク 英語版公開日 : 2011 年 10 月 5 日 ( 水 ) 10:09:24 AM Windows Phone Interoperability サイトは さまざまなスマートフォンプラットフォーム向けにアプリケーションを開発 英語版公開日 : 2011 年 10 月 5 日 ( 水 ) 10:09:24 AM Windows Phone Interoperability サイトは さまざまなスマートフォンプラットフォーム向けにアプリケーションを開発してきた皆様が Windows Phone プラットフォームでの開発をスムーズに始めることができるようにサポートすることを目的に運営しています この文書は 原文 : Android

More information

第 1 章 : はじめに RogueWave Visualization for C++ の Views5.7 に付属している Views Studio を使い 簡単な GUI アプリケーションの開発手順を紹介します この文書では Windows 8 x64 上で Visual Studio2010

第 1 章 : はじめに RogueWave Visualization for C++ の Views5.7 に付属している Views Studio を使い 簡単な GUI アプリケーションの開発手順を紹介します この文書では Windows 8 x64 上で Visual Studio2010 RW View Studio Getting Started (1) : 簡単な GUI アプリケーションを作成する 目次 第 1 章はじめに...1 1.1 アプリケーションの概要... 1 1.2 Views Studio とは... 2 第 2 章 Views Studio を起動する...3 2.1 起動画面 ( メインウィンドウ ) の説明... 4 2.2 ガジェットエクステンション...

More information

ファイル監視

ファイル監視 ファイル操作 ファイルやディレクトリの監視 FileSystemWatcher クラス.NET Framework のクラスライブラリには ファイルやディレクトリの作成 変更 削除を監視する為の FileSystemWatcher クラスが System.IO 名前空間に用意されて居る ( 但し Windows 98/Me では利用出来ない ) 此れを利用すると 特定のディレクトリにファイルが作成された

More information

WPF アプリケーションの 多言語切替

WPF アプリケーションの 多言語切替 パスワード認証 YK S o f t w a r e 2015 年 8 月 3 日 @twyujiro15 プロフィール 加藤裕次郎 本職は製造業の開発業務 - 2009 年 4 月に入社 1982.03.03 生まれ ( うお座 ) 左利き ( お箸は右 ) twitter : @twyujiro15 プログラミング経験 Excel VBA MATLAB MATX C VC++ (Windows

More information

エクセル詳細 アドイン

エクセル詳細 アドイン Microsoft Excel 詳細 アドイン Excel アドインの作成 Excel アドインを作成するには ブックを作成し コード ユーザー設定ツールバー 及び メニュー項目を追加して Excel アドインファイルとして保存する 1. 新しいブックを作成してコードを追加し ユーザー設定ツールバー 又は メニューバーを作成する 2.[ ファイル ] メニューの [ プロパティ ] をクリックする

More information

LogisticaTRUCKServer-Ⅱ距離計算サーバ/Active-Xコントロール/クライアント 概略   

LogisticaTRUCKServer-Ⅱ距離計算サーバ/Active-Xコントロール/クライアント 概略       - LogisticaTRUCKServer-Ⅱ(SQLServer 版 ) 距離計算サーハ API.NET DLL WebForms ASP.NET サンフ ルフ ロク ラム - 1 - LogisticaTRUCKServer-Ⅱ 距離計算サーハ.NET DLL WebForm ASP.NET VisualBasic での利用方法 LogisticaTRUCKServer-Ⅱ 距離計算.NET

More information

スライド 1

スライド 1 C# の基本 ~ ファイル読み込み ~ 今回学ぶ事 今回はファイル読み書きに必要 BinaryReader クラスについて記載する ファイル参照ダイアログである OpenFileDialog クラスについても理解を深める また Bitmap クラスを用いた Bitmap ファイルの読み込み方法についても学ぶ フォーム作り まず label picturebox を配置する ツールボックスより左クリックで選択する

More information

XAML Do-It-Yourself シリーズ 第 8 回ゕニメーション -1-

XAML Do-It-Yourself シリーズ 第 8 回ゕニメーション -1- XAML Do-It-Yourself シリーズ 第 8 回ゕニメーション -1- XAML Do-It-Yourself 第 8 回ゕニメーション XAML Do-It-Yourself 第 8 回は ゕニメーションについて学習します XAML (WPF) が提供するゕニメ ーション機能は 時間の経過と共に コントロールのプロパテゖを変化させる機能です コントロールに 含まれるほとんどのプロパテゖに対して

More information

Design with themes — Part 1: The Basics

Design with themes — Part 1: The Basics PowerPoint 入門 PowerPoint はプレゼンテーションのための効果的なアプリケーションです 最も効果的に使用するためには 最初にその基礎を理解する必要があります このチュートリアルでは すべてのプレゼンテーションで使用する作業と機能をいくつか紹介します 開始する前に... 1 1. 新しい空白のプレゼンテーションを作成する... 2 2. PowerPoint ユーザーインターフェイスについて...

More information

BarCode for WPF

BarCode for WPF 2018.04.10 更新 グレープシティ株式会社 目次 BarCode for WPF 2 はじめに 2 ComponentOne for WPF のヘルプ 2 主な特長 2 クイックスタート 2 手順 1: アプリケーションの設定 2-3 手順 2: コードの追加 3-5 手順 3: アプリケーションの実行 5-7 BarCode for WPF の使い方 7 サポートされるエンコーディング 7-9

More information

BarCode for UWP

BarCode for UWP 2018.03.06 更新 グレープシティ株式会社 目次 BarCode for UWP 2 主な特長 3 クイックスタート 4 手順 1: アプリケーションの設定 4-5 手順 2: コードの追加 5-7 手順 3: アプリケーションの実行 7-9 C1BarCode の使い方 10 サポートされるエンコーディング 10-12 コントロールのカスタマイズ 12-13 1 Copyright GrapeCity

More information

Visual Studio Do-It-Yourself シリーズ 第 1 回 Windows ゕプリケーション開発の概要 -1-

Visual Studio Do-It-Yourself シリーズ 第 1 回 Windows ゕプリケーション開発の概要 -1- Visual Studio Do-It-Yourself シリーズ 第 1 回 Windows ゕプリケーション開発の概要 -1- Visual Studio Do-It-Yourself 第 1 回 Windows ゕプリケーション開発の概要 はじめに - Visual Studio Do-It-Yourself について 本 Visual Studio Do-It-Yourself シリーズでは

More information

OrgChart for WPF/Silverlight

OrgChart for WPF/Silverlight 2018.04.11 更新 グレープシティ株式会社 目次 目次 1 製品の概要 2 主な特長 3 クイックスタート 4 手順 1: アプリケーションの作成 4-7 手順 2: コントロールへのコンテンツの追加 7-12 手順 3: アプリケーションの実行 12-13 OrgChart for WPFの使い方 14 OrgChart の要素 14 C1OrgChart のコアプロパティ 14-15 C1OrgChart

More information

Windows Phone アプリケーション開発 写真加工アプリケーションの作成 日本マイクロソフト株式会社 デベロッパー & プラットフォーム統括本部監修

Windows Phone アプリケーション開発 写真加工アプリケーションの作成 日本マイクロソフト株式会社 デベロッパー & プラットフォーム統括本部監修 Windows Phone アプリケーション開発 写真加工アプリケーションの作成 日本マイクロソフト株式会社 デベロッパー & プラットフォーム統括本部監修 内容 写真加工アプリケーションの作成... 1 プロジェクトの作成と準備... 3 タイトルと背景の作成... 4 写真表示画面の作成... 5 アプリケーションバーの作成... 6 読み込み処理の実装... 8 フィルタ処理の実装... 10

More information

プラグイン

プラグイン プラグイン プラグイン詳細 2 ~ プラグイン機能を持つテキストエディタの作成 ~ はじめに Adobe Photoshop や Becky! Internet Mail 等のアプリケーションでは プラグイン ( 又は アドイン エクステンション 等 ) と呼ばれるプログラムをインストールする事に依り 機能を拡張する事が出来る 此の記事では此の様なプラグイン機能を持ったアプリケーションの作り方を プラグイン対応のテキストエディタを作成する事に依り

More information

sp2-2.indd

sp2-2.indd Windows Phone によるセンサプログラミング 基応専般 太田 寛 日本マイクロソフト ( 株 ) Windows Phone とセンサ Windows Mobile 5.x Windows Mobile 6.x Windows Phone Windows Mobile OS 2010 Windows Phone 7.0 Windows Phone 7.1 2011 9 Windows Mobile

More information

印刷

印刷 印刷 ローカル処理モードでの SQL Server データベースと ReportViewer コントロールの使用 此のチュートリアルでは Microsoft Visual Studio 2005 Windows アプリケーションプロジェクトでレポートを作成する方法と アプリケーションのユーザーがレポートを表示出来る様に ReportViewer コントロールを Windows フォームに追加する方法に付いて説明する

More information

ファイル操作-バイナリファイル

ファイル操作-バイナリファイル ファイル操作 バイナリ ファイルを読み書きする バイナリファイル ( 即ちテキストファイル以外のファイル ) を読み書きするには FileStream クラス (System.IO 名前空間 ) を利用する FileStream クラスはファイル用のストリームをサポートするクラスで有り Stream クラス (System.IO 名前空間 ) の派生クラスの 1 つで有る 基本的には コンストラクタで指定したファイルのストリームに対して

More information

ウィンドウ操作 応用

ウィンドウ操作 応用 Win32API 関数 ウィンドウ操作 ウィンドウ名でトップレベルウィンドウ ( 親を持たないウィンドウ ) のハンドルを取得 メモ帳や電卓等のウィンドウ名でトップレベルウィンドウ ( 親を持たないウィンドウ ) のハンドルを取得する方法を 下記に示す Visual Basic Imports System.Runtime.InteropServices Public Class WindowFromWindowName

More information

Microsoft PowerPoint - hmoriya-REMIX2006-Print-New [互換モード]

Microsoft PowerPoint - hmoriya-REMIX2006-Print-New [互換モード] using System; using System.Windows; public class App { [STAThread] public static void Main() { Application app = new Application(); Window win = Window(); win.content = Hello WPF Code ; app.run(win); }

More information

ファイル操作-インターネットキャッシュ

ファイル操作-インターネットキャッシュ ファイル操作 インターネット一時ファイルの保存場所 インターネットキャッシュ インターネット一時ファイルの保存場所は Internet Explorer の場合 下記の手順で確認する事が出来る 1.[ ツール ] [ インターネットオプション ] でインターネットオプション画面のダイアログを表示させる 2.[ 全般 ] タブで [ インターネット一時ファイル ] グループの [ 設定 ] をクリックすると

More information

印刷

印刷 CrystalReport 印刷 概要 レポート作成ツールの利点 データの取得は難しく無い 例えば コードを記述してレコードセットをループし 目的の Windows アプリケーションや Web のアプリケーションに出力出来る.NET Framework 環境では 更に其のデータを Repeater DataList 又は DataGrid 等のコントロールにバインドする事も可能で有る 併し 此のデータを一定のレポート形式で表示するには

More information

64bit環境で32bitコンポーネントの利用

64bit環境で32bitコンポーネントの利用 64bit 環境 64bit 環境で 32bit コンポーネントの利用 Windows 7 や 8 の出現で 愈々 64bit 環境も普及し始めて来た 64bit 環境に於いては 64bit 用に最適化された 64bit コンポーネントを使用するのが本筋で有ろうが 64bit 環境に於いても 32bit コンポーネントを使用し度い場合が有る 過去の遺物 ( レガシ ) と仕て切り捨てるのではなく 良い物は良い物と仕て有効利用すると謂う観点から

More information

Design with themes — Part 1: The Basics

Design with themes — Part 1: The Basics テーマを使用してデザインする - パート 1: 基礎 テーマとは フォント 色 および視覚的な効果を調整して組み合わせたものです 1 回のクリックで 多数の基本テーマの 1 つを任意の PowerPoint プレゼンテーションに適用できます さらに数回のクリックで テーマをカスタマイズして保存し そのテーマを何度も再利用できます このチュートリアルで その方法を学習してください 開始する前に...

More information

データベースⅠ

データベースⅠ データベース操作プログラム Ⅰ VB 2005 8 プログラムの概要 データベースプログラムを手軽に作成する方法としては Access のフォーム機能を用いる事が 先ず考えられます ウィザードも充実しており 操作を覚えれば簡単に作成する事が出来ます 其れでは VB でデータベースプログラムを作るメリットは何んでしょうか 1 つは Access のフォーム機能に比べ コントロールが充実している事 より自由なデザインが可能です

More information

グラフィックトレーニング 概要.NET のグラフィック描画は どんなことができるのでしょうか? グラフィックオブジェクトやグラフィック環境 概念を理解するためには クラスを使って馴れることが近道です 本 書に記載されているコードをカットアンドペーストして 一つ一つの機能を体験してください 前提 グラ

グラフィックトレーニング 概要.NET のグラフィック描画は どんなことができるのでしょうか? グラフィックオブジェクトやグラフィック環境 概念を理解するためには クラスを使って馴れることが近道です 本 書に記載されているコードをカットアンドペーストして 一つ一つの機能を体験してください 前提 グラ C# & VB 1 グラフィックトレーニング 概要.NET のグラフィック描画は どんなことができるのでしょうか? グラフィックオブジェクトやグラフィック環境 概念を理解するためには クラスを使って馴れることが近道です 本 書に記載されているコードをカットアンドペーストして 一つ一つの機能を体験してください 前提 グラフィックを行うためには Visual Studio の基本操作や C# または VB

More information

( 目次 ) 1. はじめに 開発環境の準備 仮想ディレクトリーの作成 ASP.NET のWeb アプリケーション開発環境準備 データベースの作成 データベースの追加 テーブルの作成

( 目次 ) 1. はじめに 開発環境の準備 仮想ディレクトリーの作成 ASP.NET のWeb アプリケーション開発環境準備 データベースの作成 データベースの追加 テーブルの作成 KDDI ホスティングサービス (G120, G200) ブック ASP.NET 利用ガイド ( ご参考資料 ) rev.1.0 KDDI 株式会社 1 ( 目次 ) 1. はじめに... 3 2. 開発環境の準備... 3 2.1 仮想ディレクトリーの作成... 3 2.2 ASP.NET のWeb アプリケーション開発環境準備... 7 3. データベースの作成...10 3.1 データベースの追加...10

More information

Format text with styles

Format text with styles Word 入門 Word はワープロおよびレイアウトのための効果的なアプリケーションです 最も効果的に使用するには 最初にその基礎を理解する必要があります このチュートリアルでは すべての文書で使用する作業と機能をいくつか紹介します 開始する前に... 1 1. 新しい空白の文書を作成する... 2 2. Word のユーザーインターフェイスについて... 4 3. 文書内を移動する... 5 4.

More information

ER/Studio Data Architect 2016 の新機能

ER/Studio Data Architect 2016 の新機能 ER/Studio Data Architect 2016 の新機能 ビジネスデータオブジェクトエンティティ / テーブルをビジネスデータオブジェクトにまとめることができるようになりました これらのオブジェクトにより 共通のリレーションシップを共有するエンティティやテーブルを目に見えるコンテナにまとめることができるので ビジネス概念をより適切に記述できます モデル / サブモデルの NST モデルやサブモデルに名前付け標準テンプレート

More information

ExtendedLibrary for WPF/Silverlight

ExtendedLibrary for WPF/Silverlight Extended Library for WPF/Silverlight 2018.04.25 更新 グレープシティ株式会社 目次 製品の概要 9-10 ComponentOne for WPF/Silverlight のヘルプ 10 Accordion 11 操作 11 主な特長 11 XAML クイックリファレンス 11-12 Accordion for WPF クイックスタート 12 手順 1:

More information

GUIプログラムⅣ

GUIプログラムⅣ GUI プログラム Ⅳ 画像指定ウィンドウの生成 ファイル名 :awtimage.java import java.awt.*; import java.awt.event.*; public class awtimage extends Frame // コンポーネントクラスの宣言 Button btnbrowse; Label lblcaption7; TextField txtimage; //

More information

図 2 Excel スプレッドシートの世界 のウィンドウ 図 3 Visual Basic の世界 のウィンドウ 図 3 の VBA ウィンドウは 図 2 の Excel ウィンドウのメニューの ツール をクリックし 開か れるプルダウンメニューで マクロ /Visual Basic Editor

図 2 Excel スプレッドシートの世界 のウィンドウ 図 3 Visual Basic の世界 のウィンドウ 図 3 の VBA ウィンドウは 図 2 の Excel ウィンドウのメニューの ツール をクリックし 開か れるプルダウンメニューで マクロ /Visual Basic Editor Excel マクロ -Visual Basic の基本 - 1.Excel ファイルの構成 Excel ファイルは 右図のように 構成されている 一般に Excel と言えば 右図で Excel スプレッドシートの世界 と名付けた部分 すなわち Excel を起動したときに表示されるスプレッドシート (1ページの場合もあり 数ページの場合もある ) のみであるように思われている Excel ファイルには

More information

Prog2_5th

Prog2_5th 2017 年 10 月 26 日 ( 木 ) 実施 レイアウトレイアウトの位置付け Android アプリで用いられる様々なレイアウト (Layout) は, それぞれ ViewGroup クラスを継承するクラスとして定義されているものであり,ViewGroup クラスは Viewクラスを継承するクラスである Viewクラスはユーザインタフェイスを構成する基本要素を表す ビュー (View) は画面上に長方形の領域を占め,

More information

C#の基本2 ~プログラムの制御構造~

C#の基本2 ~プログラムの制御構造~ C# の基本 2 ~ プログラムの制御構造 ~ 今回学ぶ事 プログラムの制御構造としての単岐選択処理 (If 文 ) 前判定繰り返し処理(for 文 ) について説明を行う また 整数型 (int 型 ) 等の組み込み型や配列型についても解説を行う 今回作るプログラム 入れた文字の平均 分散 標準偏差を表示するプログラム このプログラムでは calc ボタンを押すと計算を行う (value は整数に限る

More information

FileExplorer for ASP.NET Web Forms

FileExplorer for ASP.NET Web Forms FileExplorer for ASP.NET Web Forms 2018.04.12 更新 グレープシティ株式会社 目次 製品の概要 2 ComponentOne for ASP.NET Web Formsのヘルプ 2 ビジュアル要素 3 クイックスタート : フォルダパスの追加 4-5 エクスプローラーの機能 6 複数ファイルの選択 6-7 フォルダの作成と管理 7 ファイル操作の無効化 7

More information

VB実用① データベースⅠ

VB実用① データベースⅠ VB でデータベース Ⅰ VB 2005 1 プログラムの概要 データベースプログラムを手軽に作成する方法と仕ては Access のフォーム機能を用いる事が 先ず考えられる ウィザードも充実して居り 操作を覚えれば簡単に作成する事が出来る 其れでは VB でデータベースプログラムを作るメリットは何かと謂えば先ず Access のフォーム機能に比べ コントロールが充実して居り より自由なデザインが可能と謂う事と

More information

内容 1 はじめに インストールの手順 起動の手順 Enterprise Architect のプロジェクトファイルを開く 内容を参照する プロジェクトブラウザを利用する ダイアグラムを開く 便利な機能.

内容 1 はじめに インストールの手順 起動の手順 Enterprise Architect のプロジェクトファイルを開く 内容を参照する プロジェクトブラウザを利用する ダイアグラムを開く 便利な機能. Viewer manual by SparxSystems Japan Enterprise Architect 読み込み専用版 (Viewer) 利用マニュアル 内容 1 はじめに...3 2 インストールの手順...3 3 起動の手順...6 4 Enterprise Architect のプロジェクトファイルを開く...7 5 内容を参照する...8 5.1 プロジェクトブラウザを利用する...8

More information

Windows Presentation Foundation 入門 Ver.1.0. 01-01 YKSoftware Windows Presentation Foundation 入門 目次 目次 1 はじめに... 1.1 目的... 1. 注意... 1. 開発環境... WPF が提供するコントロール....1 WPF の主要なサブシステム... レイアウトに関するコントロール....1

More information

UMLプロファイル 機能ガイド

UMLプロファイル 機能ガイド UML Profile guide by SparxSystems Japan Enterprise Architect 日本語版 UML プロファイル機能ガイド (2016/10/07 最終更新 ) 1. はじめに UML では ステレオタイプを利用することで既存の要素に意味を追加し 拡張して利用することができます このステレオタイプは個々の要素に対して個別に指定することもできますが ステレオタイプの意味と適用する

More information

Extended Library for UWP

Extended Library for UWP 2018.04.10 更新 グレープシティ株式会社 目次 Extended Library for UWP 3 Book for UWP 3 主な特長 3 XAML クイックリファレンス 3 クイックスタート 4 手順 1:Book アプリケーションの作成 4 手順 2:Book コントロールへのコンテンツの追加 4-8 手順 3: アプリケーションへのファイルの追加 8-10 手順 4:Book

More information

mySQLの利用

mySQLの利用 MySQL の利用 インストール インストール時に特に注意点は無い 本稿記述時のバージョンは 6.5.4 で有る (2017 年 11 月現在では 6.10.4 で https://dev.mysql.com/downloads/connector/net/6.10.html よりダウンロード出来る ) 参照設定 インストールが終了すれば Visual Studio で参照の設定を行う 参照の設定画面で

More information

wpf #wpf

wpf #wpf wpf #wpf 1 1: wpf 2 2 2 Examples 2 Hello World 2 2: "" 7 7 Examples 7 7 11 3: System.Windows.Controls.WebBrowser 13 13 13 Examples 13 BusyIndicatorWeb 13 4: WPF 14 14 Examples 14 14 15 ComboBox 17 21 DoubleAnimation

More information

グラフィックス 目次

グラフィックス 目次 WPF 入門 第 1 回愈々 WPF の時代 WPF の習得を始めよう WPF(Windows Presentation Foundation) は.NET Framework に含まれるプレゼンテーション層技術 (GUI 開発ライブラリ ) で有る WPF はバージョン 3.0 以降の.NET Framework に標準搭載されて居る 其れより前の GUI 開発ライブラリで有る Windows フォームが

More information

データベースプログラミング

データベースプログラミング データセットとデータテーブル データセット (DataSet) とは何かに付いて 簡単に説明する データセットとは 典型的な.NET の Windows データベースアプリケーションでは データセットを通じてアプリケーションからデータベースにアクセスする データセットとは 簡単に謂うと データベースから取得したレコードをメモリ上に持つ為の入れ物で有る 例えば データベースからレコードを取得し 其れをグリッドコントロールに表示する様な

More information

1

1 くすりのしおりコレクター version 1.0.0 取扱説明書 くすりの適正使用協議会 2010.06.01 目次 1. はじめに... 1 2. インストール... 1 2.1. ご注意... 1 2.2. インストール方法... 1 3. くすりのしおり データダウンロードシステム をご利用の方... 2 3.1. ファイル格納場所のルール... 2 4. くすりのしおり データダウンロードシステム

More information

<4D F736F F F696E74202D F56504E90DA91B1835C CC834E838A B838B837D836A B2E >

<4D F736F F F696E74202D F56504E90DA91B1835C CC834E838A B838B837D836A B2E > VPN 接続ソフトのアンインストールマニュアル 注 ) 本手順は PC をご利用のお客様が端末上の VPN 接続ソフトを完全に削除する手順となります Windows XP の場合 P.1 Windows VISTA, 7 の場合 P.7 Windows 8 の場合 P.13 VPN 接続ソフトのアンインストール Windows XP Windows XP の場合 VPN ソフトのアンインストール (Windows

More information

ハッシュテーブル

ハッシュテーブル ハッシュテーブル ハッシュテーブル ( 連想配列 ) を使う ハッシュテーブルとは キー (key) と値 (value) のペアを保持して居るコレクションで有る 通常の配列がインデックス番号に依り各値 ( 各要素 ) にアクセス出来るのに比べて ハッシュテーブルでは インデックス番号の代わりにキーを用いて 其の各値にアクセスする事が出来る キーと 其のキーから連想される ( 対応付けられて居る )

More information

正規表現応用

正規表現応用 正規表現 正規表現を使って文字列が或る形式と一致するか調べる 指定された正規表現のパターンと一致する対象が入力文字列内で見付かるか何うかを調べるには Regex クラスの IsMatch メソッドを使用する 此処では IsMatch メソッドを使った例を幾つか紹介する 猶 正規表現のパターンと一致する個所を探し 見付かれば 其の箇所を抽出する方法は 正規表現を使って文字列を検索し 抽出する で紹介して居る

More information