質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
C#

C#はマルチパラダイムプログラミング言語の1つで、命令形・宣言型・関数型・ジェネリック型・コンポーネント指向・オブジェクティブ指向のプログラミング開発すべてに対応しています。

XAML

XAML(Extensible Application Markup Language)はWPF、Silverlight、Windows PhoneそしてWindows Store appsでユーザーインターフェースを定義するために使われるXML言語です。

WPF

Windows Presentation Foundation (WPF) は、魅力的な外観のユーザー エクスペリエンスを持つ Windows クライアント アプリケーションを作成するための次世代プレゼンテーション システムです

Q&A

解決済

1回答

13495閲覧

【C#】WPFのTabControl枠線を消したい

maas

総合スコア18

C#

C#はマルチパラダイムプログラミング言語の1つで、命令形・宣言型・関数型・ジェネリック型・コンポーネント指向・オブジェクティブ指向のプログラミング開発すべてに対応しています。

XAML

XAML(Extensible Application Markup Language)はWPF、Silverlight、Windows PhoneそしてWindows Store appsでユーザーインターフェースを定義するために使われるXML言語です。

WPF

Windows Presentation Foundation (WPF) は、魅力的な外観のユーザー エクスペリエンスを持つ Windows クライアント アプリケーションを作成するための次世代プレゼンテーション システムです

0グッド

1クリップ

投稿2017/05/15 16:06

編集2017/05/15 16:07

C#でWPFを使って開発をしています。
UIにTabControlを使用しているのですが、TabControl内のTabItemPanelとContentPresenterの間の枠線を消す方法をご教示頂きたいです。

現在このような状態でContentPresenterに濃灰色の枠線が引かれ、TabItemとの境目が強調されています。
この枠線を非表示にしてフラットなデザインにすることが目的です。
(黒いタブが活性、赤いタブが非活性)
イメージ説明

ペイントで境界線を塗っただけですが理想は下記の状態です。イメージ説明

ソースコード(MainWindow.xaml)

C#

1<Window x:Class="WpfApp1.MainWindow" 2 xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 3 xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 4 xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 5 xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 6 xmlns:local="clr-namespace:WpfApp1" 7 mc:Ignorable="d" 8 Title="MainWindow" Height="350" Width="525" Background="Black"> 9 <Window.Resources> 10 <Style TargetType="TabItem"> 11 <Setter Property="Foreground" Value="White"/> 12 <Setter Property="Background" Value="Black"/> 13 <Setter Property="Template"> 14 <Setter.Value> 15 <ControlTemplate TargetType="TabItem"> 16 <Grid Name="Panel"> 17 <ContentPresenter x:Name="ContentSite" VerticalAlignment="Center" HorizontalAlignment="Center" ContentSource="Header" Margin="20,5"/> 18 </Grid> 19 <ControlTemplate.Triggers> 20 <Trigger Property="IsSelected" Value="True"> 21 <Setter TargetName="Panel" Property="Background" Value="Black" /> 22 </Trigger> 23 <Trigger Property="IsSelected" Value="False"> 24 <Setter TargetName="Panel" Property="Background" Value="Red" /> 25 </Trigger> 26 </ControlTemplate.Triggers> 27 </ControlTemplate> 28 </Setter.Value> 29 </Setter> 30 </Style> 31 </Window.Resources> 32 <Grid> 33 <TabControl Background="Black" TabStripPlacement="Top" HorizontalAlignment="Stretch" VerticalAlignment="Stretch"> 34 <TabItem Header="TabItem"> 35 <Grid Background="Black"/> 36 </TabItem> 37 <TabItem Header="TabItem"> 38 <Grid Background="#FFE5E5E5"/> 39 </TabItem> 40 <TabItem Header="TabItem"> 41 <Grid Background="#FFE5E5E5"/> 42 </TabItem> 43 </TabControl> 44 </Grid> 45</Window>

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

<TabControl BorderThickness="0">
でどうですか

投稿2017/05/15 16:24

lazex

総合スコア604

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

maas

2017/05/16 12:36

有難うございます。 実際の環境ではBlackを指定している部分に、LightSkyBlueを指定しており、 TabControlの背景色にLightGrayが指定されていることで色に差分が出て枠線のような表示になってしまっていました。 ご指摘の内容でフラットなデザインにできることを確認できたので、コードの見直しをして気づくことができました。 簡単な内容にもご回答いただき誠に有難うございました。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問