0

ESET Antivirus UI のような小さなツールのアプリケーション レイアウトを作成する方法を探しています。

ESETアンチウイルスUI

私は、TabControl を取得して、この全体で完全なスタイル変更を行うと考えました。基本的なタブ レイアウトを作成しました。

<Grid Background="White" Grid.Row="1" >
        <TabControl TabStripPlacement="Left">
            <TabItem Header="Dashboard">
                <Grid>

                </Grid>
            </TabItem>
            <TabItem Header="Projects">
                <Grid>

                </Grid>
            </TabItem>
            <TabItem Header="Settings">
                <Grid>

                </Grid>                
            </TabItem>
            <TabItem Header="Help &amp; Info">
                <Grid>

                </Grid>
            </TabItem>
        </TabControl>
    </Grid>

ただし、タブを希望どおりに表示する方法については、まったく手がかりがありません。Blend でタブを上の画像のように見せるためにいろいろ試しましたが、わかりません。三角形があると便利ですが、ハイライトは調整する必要があります。

何かアドバイス？

4

3 に答える 3

2

WPF UI要素を希望どおりに表示するのに問題がある場合は、<style>MicrosoftからデフォルトのXAMLを見つけて、目的の結果が得られるまでプロジェクトで直接変更してみてください。

それが明確でない場合は、以下のリンクをたどり、ページからスタイルをコピーして、ウィンドウの[リソース]セクション（またはApp.xaml、実際にはあなた次第）に配置する必要があります。次に、希望どおりに見えるようになるまで、それらをいじります。

遊ぶ必要がある2つのスタイルは、TabControlとTabItemです。

于 2013-03-16T16:53:40.017 に答える
0

代わりに、MVVMアプローチを考えます。

何よりもまず、データのモデルとビジネス層 (コマンド、関数など) を形作ります。次に、(ViewModel を利用して) モデルを「装着」し、左側のセレクターに ListBox を使用し、メイン パーツに単純な ContentControl を使用します。ListBox の選択されたアイテムは本文のコンテンツにフィードされる必要があり、DataTemplateSelector (たとえば) は適切なビジュアル フラグメントを選択します。

それはただの提案です。個人的には、TabControl は少しトリッキーで、めったに使用しません。

乾杯

于 2013-03-16T17:05:24.853 に答える
0

古いトリックは、2 つの異なる画像セットを用意することです。これはボタンに静的な画像を使用します。これは非常に使いやすいですが、その場で変更するのは困難です。

于 2014-05-26T20:23:02.820 に答える