[B! WinUI 3][WPF] led-centipedeのブックマーク

[WPF] (MVVM)TabControlのタブを動的に生成 | がけんのぶろぐ

MVVMパターンでTabControlのタブを動的に増減させる方法。 ViewModelで定義したコレクションをTabControlのIt emsSourceプロパティにBindingすることで、タブの動的な増減を実現できます。まず、TabIt emに関するデータを管理するクラスを作成します。 class TabIt emData { /// <summary> /// ヘッダ /// </summary> public string Header { get; set; } /// <summary> /// Tab内のコンテンツ /// </summary> public string Content { get; set; } } ViewModelでこのデータを管理するコレクションを定義。適当な場所でコレクションにデータを詰めます。 public class Hoge { /// <

led-centipede 2021/04/04

リンク

[WPF] TabControlのタブを左に配置する - Qiita

WPFのTabControlでタブの表示位置を変えたかったのでやり方を調査したまとめ。 TL;DR 今回は左側に文字列も回転させた状態で表示したかったため、以下のようになりました。 <TabControl TabStripPlacement="Left"> <TabControl.Resources> <Style TargetType="{x:Type TabIt em}"> <Setter Property="LayoutTransf orm"> <Setter.Value> <Transf ormGroup> <RotateTransf orm Angle="90"/> </Transf ormGroup> </Setter.Value> </Setter> </Style> </TabControl.Resources> <TabIt em Header="Header1"></TabIt em

led-centipede 2021/04/04

リンク

WPF4.5入門その37 「TabControl」 - かずきのBlog@hatena

TabControlは、以下のようなタブで切り替えて複数のコンテンツを表示するUIを提供するためのコントロールです。 TabControlは、It emsプロパティにTabIt emコントロールを指定してタブを作成します。TabIt emコントロールは、Headerプロパティにタブのヘッダーに表示するコンテンツを設定して、Contentプロパティにタブの中に表示するコンテンツを設定します。上記の画面のXAMLを以下に示します。 <TabControl> <TabIt em Header="TabIt em1"> <TextBlock Text="TabIt em1 Content" /> </TabIt em> <TabIt em Header="TabIt em2"> <TextBlock Text="TabIt em2 Content" /> </TabIt em> <TabIt em Header="Tab

led-centipede 2021/04/04

リンク

C#のタブをコードから切り替える

タブの切り替えとはタブの選択するということ？ TabControlの中にTabIt emを置いて、TabIt emを選択することでページを変えるようなインターフェースを実現するわけです。ということで、TabIt emクラスのIsSelectedプロパティをtrueにすることで、表示をそのタブに切り替えできます。 <Window x:Class="WpfApp1.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.o

led-centipede 2021/04/04

リンク

WPF で画面遷移する方法 3

コンテンツを切り替えるコントロールといえば真っ先に TabControl を想像しますよね。というわけで今回は TabControl を少しカスタマイズしてみます。まずはプロジェクトのファイル構成から。構成は単純で、MainView ウィンドウに対する MainViewModel と、各コンテンツに対する ViewModel として Content01ViewModel、Content02ViewModel、Content03ViewModel があります。 Content01ViewModel などに対する View は MainView.xaml の中に記述するため、ファイルとしては分かれていません。それではまず MainViewModel のソースから説明します。 namespace TabSample.ViewModels { using YKToolkit.Bindings

led-centipede 2021/04/04

リンク

TabItemと各TabItemの中身を動的に生成する - マコーの日記

やりたいことタブと各タブページにボタンを配置する。タブページの個数と各ページの個数はデータによって変動するのでデータバインドで動的に生成できるようにする。 ↓こんな画面を作りたい XAML とりあえず全文、各要素の説明は下記。 MainWindow.xaml <TabControl x:Name="tabControl" Grid.Row="2" Grid.Column="3" Margin="5" It emsSource="{Binding TabPanels}"> <TabControl.It em Template> <DataTemplate> <TextBlock Text="{Binding Header}" /> </DataTemplate> </TabControl.It em Template> <TabControl.ContentT emplate> <DataTempl

led-centipede 2021/04/04

リンク

はてなブックマーク

タグ

関連タグで絞り込む (4)

WinUI 3とWPFに関するled-centipedeのブックマーク (6)

お知らせ

月間はてなブックマーク数ランキング（2024年8月）

今週のはてなブックマーク数ランキング（2024年9月第1週）

今週のはてなブックマーク数ランキング（2024年8月第4週）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス