シルバーライト]タブコントロール、少年----- Day14.2

シルバーライト]タブコントロール、少年----- Day14.2

.NET 1.xの時代では、WebBrowserコントロールは、.NET 2.0の冒頭でこのコントロールを持っていませんが、あなただけのシミュレーションのためのマルチビュー通ってくることができ、この需要が提供します、

その後、ASP.NET AJAX ControlToolkitもこのコントロールに登場しました。

このコントロールが生成されます。需要があるため、このコントロールを使用する利点は、私は、それが言いたいです。

どのようにこのコントロールを使用するには？

1。

まず、新しいプロジェクトを作成し、プロジェクトPage.xamlをファイルには、次のXAMLプログラムを入力します。

<UserControl xmlns:basics="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls" x: xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Width="400" Height="300"> <Grid x:Name="LayoutRoot" Background="White"> <basics:TabControl> <basics:TabItem Header="运动" Background="Red" FontSize="20" > </basics:TabItem> <basics:TabItem Header="新闻" Background="Green" FontSize="20" > </basics:TabItem> <basics:TabItem Header="娱乐" Background="Blue" FontSize="20" > </basics:TabItem> </basics:TabControl> </Grid> </UserControl>

次のように画面が表示されます。

このような行為はしてタブコンテナによりのTabItemを追加するように、単にASP.NET AJAXツールキットのTabControlのようなものです。

私はここ3のTabItemに参加し、そしてそのヘッダ名、背景色とサイズを設定します。

2。

次に、ここで参照するには、いくつかのコントロールを追加します。

<UserControl xmlns:basics="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls" x: xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Width="400" Height="300"> <Grid x:Name="LayoutRoot" Background="White"> <basics:TabControl > <basics:TabItem Header="运动" Background="Red" FontSize="20" > <basics:Calendar x:Name="cal1"></basics:Calendar> </basics:TabItem> <basics:TabItem Header="新闻" Background="Green" FontSize="20" > <TextBox x:Name="uxTextBox" Text="测试"></TextBox> </basics:TabItem> <basics:TabItem Header="娱乐" Background="Blue" FontSize="20" > <Button Content="我是按钮，不要按我"></Button> </basics:TabItem> </basics:TabControl> </Grid> </UserControl>

結果は以下のことを示しています。

実際には、ここでは、Visual Studioの2K8で、あなただけのタブを設定する最初のプログラムの表面を見ることができます疑問を持っているはずですが、タブあなたは後に実行する方法を見てみたいですか？

あなたが式Blend2 SP1を持っている場合は、非常に幸運、あなたは、このツールで調整できます。

ていない場合でも、私たちはXAMLコードからの2番目のタブのルックスを「想像」したくありませんか？

私は、この特定の芸術的才能を発生していない、私は何をすべきでしょうか？デフォルトのタブの属性を表示する方法がなければならない。このTabControlのを考えてみて。

-はい、えーえー、それはこの性質があるSelectedIndexをします。このプロパティを設定することで、コンテンツタブを表示することが可能です。ここでは1に設定されています。

<UserControl xmlns:basics="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls" x: xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Width="400" Height="300"> <Grid x:Name="LayoutRoot" Background="White"> <basics:TabControl SelectedIndex="1"> <basics:TabItem Header="运动" Background="Red" FontSize="20" > <basics:Calendar x:Name="cal1"></basics:Calendar> </basics:TabItem> <basics:TabItem Header="新闻" Background="Green" FontSize="20" > <TextBox x:Name="uxTextBox" Text="测试"></TextBox> </basics:TabItem> <basics:TabItem Header="娱乐" Background="Blue" FontSize="20" > <Button Content="我是按钮，不要按我"></Button> </basics:TabItem> </basics:TabControl> </Grid> </UserControl>

Visual Studioの2K8計画は、表面を提供します。

 

通常、この制御は、我々は切り替えタブには、そのイベントをトリガしていることである気づきましたか？ツールキットがイベントSelectionChangedているように見えます。

public Page() { InitializeComponent(); uxTabControl.SelectionChanged += new SelectionChangedEventHandler(uxTabControl_SelectionChanged); } void uxTabControl_SelectionChanged(object sender, SelectionChangedEventArgs e) { Txt.Text = "现在选择的是第" + (((TabControl)sender).SelectedIndex + 1) + "个标签，标头是：" + ((TabItem)(((TabControl)sender).SelectedItem)).Header.ToString(); }

オンラインデモ

総会の裁判、次回我々はこんにちは〜を参照してください

 

ご質問マイクロソフトテクノロジを使用している場合は、MSDNフォーラムに質問をすることができます。

あなたは、MicrosoftのIT管理質問がある場合は、ああ、質問をするのTechNetフォーラムに行くことができます。

 

オリジナル：大列  [シルバー]タブコントロール、少年----- Day14.2