[WPF] (MVVM)TabControlのタブを動的に生成 | がけんのぶろぐ
MVVMパターンでTabControlのタブを動的に増減させる方法。 ViewModelで定義したコレクションをTabControlのItemsSourceプロパティにBindingすることで、タブの動的な増減を実現できます。 まず、TabItemに関するデータを管理するクラスを作成します。 class TabItemData { /// <summary> /// ヘッダ /// </summary> public string Header { get; set; } /// <summary> /// Tab内のコンテンツ /// </summary> public string Content { get; set; } } ViewModelでこのデータを管理するコレクションを定義。 適当な場所でコレクションにデータを詰めます。 public class Hoge { /// <
![[WPF] (MVVM)TabControlのタブを動的に生成 | がけんのぶろぐ](https://cdn-ak-scissors.b.st-hatena.com/image/square/78d5dcbb6426d828cbbf64490d9ed4d07da53fc6/height=288;version=1;width=512/http%3A%2F%2Fgacken.com%2Fblog%2Fwp-content%2Fplugins%2Fall-in-one-seo-pack%2Fimages%2Fdefault-user-image.png)
[WPF] TabControlのタブを左に配置する - Qiita
WPFのTabControlでタブの表示位置を変えたかったのでやり方を調査したまとめ。 TL;DR 今回は左側に文字列も回転させた状態で表示したかったため、以下のようになりました。 <TabControl TabStripPlacement="Left"> <TabControl.Resources> <Style TargetType="{x:Type TabItem}"> <Setter Property="LayoutTransform"> <Setter.Value> <TransformGroup> <RotateTransform Angle="90"/> </TransformGroup> </Setter.Value> </Setter> </Style> </TabControl.Resources> <TabItem Header="Header1"></TabItem
![[WPF] TabControlのタブを左に配置する - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/398328c49d8f570a21b26000730f382f4213b73d/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCV1BGJTVEJTIwVGFiQ29udHJvbCVFMyU4MSVBRSVFMyU4MiVCRiVFMyU4MyU5NiVFMyU4MiU5MiVFNSVCNyVBNiVFMyU4MSVBQiVFOSU4NSU4RCVFNyVCRCVBRSVFMyU4MSU5OSVFMyU4MiU4QiZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9NzQwYzRlZGE1ODY3OWY5YjU2Y2M4YWExN2FiMzFiMTg%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBrb2FyYS1sb2NhbCZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9ZTk3NjkxMjcwNTQxZDY0ZTg5MGQzMWYxNzdhMmRjMmI%26blend-x%3D142%26blend-y%3D436%26blend-mode%3Dnormal%26txt64%3DaW4g44Oq44OD44Kv44K944OV44OI5qCq5byP5Lya56S-%26txt-width%3D770%26txt-clip%3Dend%252Cellipsis%26txt-color%3D%2523212121%26txt-font%3DHiragino%2520Sans%2520W6%26txt-size%3D36%26txt-x%3D156%26txt-y%3D536%26s%3Dd3e6dc4694ea9e9907844d941271d0ee)
WPF4.5入門 その37 「TabControl」 - かずきのBlog@hatena
TabControlは、以下のようなタブで切り替えて複数のコンテンツを表示するUIを提供するためのコントロールです。 TabControlは、ItemsプロパティにTabItemコントロールを指定してタブを作成します。TabItemコントロールは、Headerプロパティにタブのヘッダーに表示するコンテンツを設定して、Contentプロパティにタブの中に表示するコンテンツを設定します。上記の画面のXAMLを以下に示します。 <TabControl> <TabItem Header="TabItem1"> <TextBlock Text="TabItem1 Content" /> </TabItem> <TabItem Header="TabItem2"> <TextBlock Text="TabItem2 Content" /> </TabItem> <TabItem Header="Tab
C#のタブをコードから切り替える
タブの切り替えとはタブの選択するということ？ TabControlの中にTabItemを置いて、TabItemを選択することでページを変えるようなインターフェースを実現するわけです。 ということで、TabItemクラスの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
WPF で画面遷移する方法 3
コンテンツを切り替えるコントロールといえば真っ先に TabControl を想像しますよね。というわけで今回は TabControl を少しカスタマイズしてみます。 まずはプロジェクトのファイル構成から。 構成は単純で、MainView ウィンドウに対する MainViewModel と、各コンテンツに対する ViewModel として Content01ViewModel、Content02ViewModel、Content03ViewModel があります。 Content01ViewModel などに対する View は MainView.xaml の中に記述するため、ファイルとしては分かれていません。 それではまず MainViewModel のソースから説明します。 namespace TabSample.ViewModels { using YKToolkit.Bindings
TabItemと各TabItemの中身を動的に生成する - マコーの日記
やりたいこと タブと各タブページにボタンを配置する。 タブページの個数と各ページの個数はデータによって変動するのでデータバインドで動的に生成できるようにする。 ↓こんな画面を作りたい XAML とりあえず全文、各要素の説明は下記。 MainWindow.xaml <TabControl x:Name="tabControl" Grid.Row="2" Grid.Column="3" Margin="5" ItemsSource="{Binding TabPanels}"> <TabControl.ItemTemplate> <DataTemplate> <TextBlock Text="{Binding Header}" /> </DataTemplate> </TabControl.ItemTemplate> <TabControl.ContentTemplate> <DataTempl
WebView2 C#とJavaScriptの連携 - Qiita
昨日の今日ではあるんですが、WebView2を使ってJavaScriptとC#を連携させる方法がわかったので、記事に残します。 （筆者の個人的な事情なんですが、Qiitaの記事作成が今日で三日連続です(笑) 今日は仕事終わりなので、サクッと記事を書いて終わりたい…(笑)) コーディング とりあえず、サンプルのコードを下記に貼り付けます。 Form1.cs と JavaScriptを仕込んだ sample.htmlだけなので、察しの良い人ならサンプルのコードを見ただけで十分かもしれません。 （.htmlに関しては適当に書いたので、あまり深く突っ込まないでください(笑)) using Microsoft.Web.WebView2.Core; using Microsoft.Web.WebView2.WinForms; using System; using System.Runtime.Int
スマートフォンアプリ・ブラウザ拡張機能
拡張ボタンからページ遷移なしでブックマーク！ ブラウザメニューのB!ボタンをクリックするだけで完了。 コメントやタグを付けて素早く保存できる公式ツールです。 使い方をみる
Windows UI ライブラリ (WinUI) 3 - Windows apps
WinUI 3 は、(完全に Windows 10 SDK から切り離された) Windows App SDK に付属するネイティブ UI プラットフォーム コンポーネントです。 Windows App SDK には、Windows 10 以降を対象とした実稼働デスクトップ アプリを作成し、Microsoft Store に公開するために使用できる、API とツールの統合セットが用意されています。 重要 Windows App SDK は、以前は Project Reunion と呼ばれていました。 一部のアセット (VSIX 拡張機能や NuGet パッケージなど) では、引き続きこのコード ネームが使用されています (これらは将来のリリースで名前が変更されます)。 Windows App SDK は、特定のリリースまたはアセットで Project Reunion が引き続き参照されてい
WinUI 3.0 のクラスライブラリを覗いてみる【C#】 | BioTech ラボ・ノート
UWPアプリのGUIと従来からあるデスクトップアプリのGUIを統合する試みとしてProject Reunionがありますが、その目玉のAPIであるWinUI 3.0のAPIも公開されて徐々に全貌が見えてきました。ここではそのWinUI 3.0のクラスライブラリを覗いてみましょう！ なお、この記事はC# その2 Advent Calendar 2020の24日目の記事として公開しています。 WinUI 3.0 のAPIドキュメントの閲覧方法 WinUIのクラスライブラリは以下から参照することができます。 Microsoft Windows UI Library namespaces – Windows UWP applications | Microsoft Docs それでは、例として以下のColorPicker クラスのAPIを見てみましょう。 https://docs.microsof
C++ で WinUI 3 を始める (preview 2)
はじめに お試し投稿を兼ねて前から試そうとしててやってなかった WinUI 3 を触ってみました。 WinUI とは Windows UI ライブラリ (WinUI) Windows 向けの UI ライブラリ・・・ってそのまんまですが。 私の理解としては、 Fluent Design System を実現するためのライブラリで、下回りとして Windows Runtime ベースの UI ライブラリ (これ正式にはなんて言うのかよくわからないのですが、以降は UWP API とします) を利用しているもの、ということです。 UWP API の UI コンポーネントは必ずしも Fluent Design そのものを直接実現しているわけではないので Fluent Design に沿うには自前で実装する必要が出てくる部分もあります。 WinUI を利用することでその手間をある程度省くことができる
【C#/UWP】UWPの勉強を今から始めるのは待った方がいいのか？ - Qiita
最近、モダンなUIのWindowsアプリケーションが作りたくてUWPの勉強を始めました。 XAMLを使った設計思想や、Win32アプリケーション(WinForms)との仕様のギャップに苦しんだりしながら、色々調べていくうちに、こんな記事を見つけました。 UWPアプリの洗練されたUIをWin32アプリでも ～Microsoft、「WinUI 3 Preview 1」を発表 二分されたWindows開発の世界を再編・融合させる「Project Reunion」 Windows開発の世界はWindows 8のリリース以降、レガシーなWin32とモダンなUWP/XAMLに二分されている。UWP/XAMLアプリは美しいユーザーインターフェイスと現代的なセキュリティモデルを備えていたが、自由度に勝るWin32が好まれることも少なくなく、移行はなかなか進んでいない。先進的な機能はUWP/XAML/Win
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
UWPアプリの洗練されたUIをWin32アプリでも ～Microsoft、「WinUI 3 Preview 1」を発表／二分されたWindows開発の世界を再編・融合させる「Project Reunion」の第一歩