在WPF中控件上面的文字如何垂直显示？

zhuhaoonly 2011-01-07 10:18:36
在WPF中控件中的文字如何垂直显示

主要情况是这样的：
1、我修改了一个TabControl的外观，本来tab上面的文字是可以看见的，但是它的宽度改小了之后就无法完全看见上面的文字，所以我想是否可以让控件上面的文字垂直显示，那样就可以完全显示出现了。


我想修改成如下图所示的样子：
http://photo.blog.sina.com.cn/photo/6fbef9e0n993854213c5f

这是我现在做的样子，就是上面文字是水平的所以无法看见，哪位大哥大姐帮忙想想办法了？谢谢了！
http://photo.blog.sina.com.cn/photo/6fbef9e0n99385704df10
...全文
411 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
jv9 2011-01-07
  • 打赏
  • 举报
 回复
修改TabControl的模板就可以实现你的需求。

例如:



<UserControl.Resources>

		<Style x:Key="TabControlStyle1" TargetType="Controls2:TabControl">

			<Setter Property="IsTabStop" Value="False"/>

			<Setter Property="Background">

				<Setter.Value>

					<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">

						<GradientStop Color="#FFFFFFFF" Offset="0"/>

						<GradientStop Color="#FFFEFEFE" Offset="1"/>

					</LinearGradientBrush>

				</Setter.Value>

			</Setter>

			<Setter Property="BorderBrush">

				<Setter.Value>

					<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">

						<GradientStop Color="#FFA3AEB9" Offset="0"/>

						<GradientStop Color="#FF8399A9" Offset="0.375"/>

						<GradientStop Color="#FF718597" Offset="0.375"/>

						<GradientStop Color="#FF617584" Offset="1"/>

					</LinearGradientBrush>

				</Setter.Value>

			</Setter>

			<Setter Property="BorderThickness" Value="1"/>

			<Setter Property="Padding" Value="5"/>

			<Setter Property="HorizontalContentAlignment" Value="Stretch"/>

			<Setter Property="VerticalContentAlignment" Value="Stretch"/>

			<Setter Property="Template">

				<Setter.Value>

					<ControlTemplate TargetType="Controls2:TabControl">

						<Grid>

							<VisualStateManager.VisualStateGroups>

								<VisualStateGroup x:Name="CommonStates">

									<VisualStateGroup.Transitions>

										<VisualTransition GeneratedDuration="0"/>

									</VisualStateGroup.Transitions>

									<VisualState x:Name="Normal"/>

									<VisualState x:Name="Disabled">

										<Storyboard>

											<DoubleAnimationUsingKeyFrames Storyboard.TargetName="DisabledVisualTop" Storyboard.TargetProperty="Opacity">

												<SplineDoubleKeyFrame KeyTime="0" Value="1"/>

											</DoubleAnimationUsingKeyFrames>

											<DoubleAnimationUsingKeyFrames Storyboard.TargetName="DisabledVisualBottom" Storyboard.TargetProperty="(UIElement.Opacity)">

												<SplineDoubleKeyFrame KeyTime="0" Value="1"/>

											</DoubleAnimationUsingKeyFrames>

											<DoubleAnimationUsingKeyFrames Storyboard.TargetName="DisabledVisualLeft" Storyboard.TargetProperty="(UIElement.Opacity)">

												<SplineDoubleKeyFrame KeyTime="0" Value="1"/>

											</DoubleAnimationUsingKeyFrames>

											<DoubleAnimationUsingKeyFrames Storyboard.TargetName="DisabledVisualRight" Storyboard.TargetProperty="(UIElement.Opacity)">

												<SplineDoubleKeyFrame KeyTime="0" Value="1"/>

											</DoubleAnimationUsingKeyFrames>

										</Storyboard>

									</VisualState>

								</VisualStateGroup>

							</VisualStateManager.VisualStateGroups>

							<Grid x:Name="TemplateTop" Visibility="Collapsed">

								<Grid.RowDefinitions>

									<RowDefinition Height="Auto"/>

									<RowDefinition Height="*"/>

								</Grid.RowDefinitions>

								<System_Windows_Controls_Primitives:TabPanel HorizontalAlignment="Right" x:Name="TabPanelTop" Margin="2,2,2,-1" Canvas.ZIndex="1"/>

								<Border MinHeight="10" MinWidth="10" Grid.Row="1" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="0,0,3,3">

									<ContentPresenter x:Name="ContentTop" Cursor="{TemplateBinding Cursor}" HorizontalAlignment="{TemplateBinding HorizontalAlignment}" Margin="{TemplateBinding Padding}" VerticalAlignment="{TemplateBinding VerticalAlignment}"/>

								</Border>

								<Border x:Name="DisabledVisualTop" IsHitTestVisible="False" Opacity="0" Grid.Row="1" Grid.RowSpan="2" Canvas.ZIndex="1" Background="#8CFFFFFF" CornerRadius="0,0,3,3"/>

							</Grid>

							<Grid x:Name="TemplateBottom" Visibility="Collapsed">

								<Grid.RowDefinitions>

									<RowDefinition Height="*"/>

									<RowDefinition Height="Auto"/>

								</Grid.RowDefinitions>

								<System_Windows_Controls_Primitives:TabPanel x:Name="TabPanelBottom" Margin="2,-1,2,2" Grid.Row="1" Canvas.ZIndex="1"/>

								<Border MinHeight="10" MinWidth="10" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="3,3,0,0">

									<ContentPresenter x:Name="ContentBottom" Cursor="{TemplateBinding Cursor}" HorizontalAlignment="{TemplateBinding HorizontalAlignment}" Margin="{TemplateBinding Padding}" VerticalAlignment="{TemplateBinding VerticalAlignment}"/>

								</Border>

								<Border x:Name="DisabledVisualBottom" IsHitTestVisible="False" Opacity="0" Canvas.ZIndex="1" Background="#8CFFFFFF" CornerRadius="3,3,0,0"/>

							</Grid>

							<Grid x:Name="TemplateLeft" Visibility="Collapsed">

								<Grid.ColumnDefinitions>

									<ColumnDefinition Width="Auto"/>

									<ColumnDefinition Width="*"/>

								</Grid.ColumnDefinitions>

								<System_Windows_Controls_Primitives:TabPanel x:Name="TabPanelLeft" Margin="2,2,-1,2" Canvas.ZIndex="1"/>

								<Border MinHeight="10" MinWidth="10" Grid.Column="1" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="0,3,3,0">

									<ContentPresenter x:Name="ContentLeft" Cursor="{TemplateBinding Cursor}" HorizontalAlignment="{TemplateBinding HorizontalAlignment}" Margin="{TemplateBinding Padding}" VerticalAlignment="{TemplateBinding VerticalAlignment}"/>

								</Border>

								<Border x:Name="DisabledVisualLeft" IsHitTestVisible="False" Opacity="0" Grid.Column="1" Canvas.ZIndex="1" Background="#8CFFFFFF" CornerRadius="0,3,3,0"/>

							</Grid>

							<Grid x:Name="TemplateRight" Visibility="Collapsed">

								<Grid.ColumnDefinitions>

									<ColumnDefinition Width="*"/>

									<ColumnDefinition Width="Auto"/>

								</Grid.ColumnDefinitions>

								<System_Windows_Controls_Primitives:TabPanel x:Name="TabPanelRight" Margin="-1,2,2,2" Grid.Column="1" Canvas.ZIndex="1"/>

								<Border MinHeight="10" MinWidth="10" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="3,0,0,3">

									<ContentPresenter x:Name="ContentRight" Cursor="{TemplateBinding Cursor}" HorizontalAlignment="{TemplateBinding HorizontalAlignment}" Margin="{TemplateBinding Padding}" VerticalAlignment="{TemplateBinding VerticalAlignment}"/>

								</Border>

								<Border x:Name="DisabledVisualRight" Margin="0" IsHitTestVisible="False" Opacity="0" Canvas.ZIndex="1" Background="#8CFFFFFF" CornerRadius="3,0,0,3"/>

							</Grid>

						</Grid>

					</ControlTemplate>

				</Setter.Value>

			</Setter>

		</Style>

	</UserControl.Resources>

    <Controls2:TabControl Width="1000" Style="{StaticResource TabControlStyle1}">

        <Controls2:TabItem Header="test1" HorizontalAlignment="Right" />

        <Controls2:TabItem Header="test2" HorizontalAlignment="Right" />

        <Controls2:TabItem Header="test3" HorizontalAlignment="Right" />

    </Controls2:TabControl>



或者可以参考：



http://www.silverlightchina.net/html/developer/wpf/2011/0106/4711.html



这里有源代码下载。
zhuhaoonly 2011-01-07
  • 打赏
  • 举报
 回复
谢谢你了，我终于实现了这个样式，非常感谢！！
WPF经典教程之Canvas、InkCanvas布局
在WPF中子元素的绝对定位的布局控件 其子元素使用Width、Height定义元素的宽度和高度 使用Convas.Left（Convas.Right）、Convas.Top（Convas.Bottom）定义与Convas容器的相对位置..... (更多资源：http://cleopard.download.csdn.net/) (福利：http://xuemeilaile.com/) WPF经典教程之WPF体系结构 http://download.csdn.net/detail/cleopard/7999393 WPF经典教程之WPF应用程序管理 http://download.csdn.net/detail/cleopard/8002969 WPF经典教程之WPF窗体 http://download.csdn.net/detail/cleopard/8002979 WPF经典教程之StackPanel、WrapPanel、DockPanel布局 http://download.csdn.net/detail/cleopard/8002985 WPF经典教程之Grid、UniformGrid布局 http://download.csdn.net/detail/cleopard/8002993
WPF实现超酷样式按钮
WPF实现超酷样式按钮
WPF记事本开发详解/Notepad/MVVM
确实，使用WPF技术再次让“记事本”复活，确实也是一件非常容易的事情。 但是，如果，使用WPF技术，再搭配当下非常流行的MVVM模式呢？复活“记事本”的难度却陡然上升至很多WPF程序员为之默默叹气。而，MVVM模式是...
WPF全系列事例代码
WPF基础教程所有相关的源代码，博客文章请查阅：http://blog.csdn.net/fwj380891124 之WPF板块类容。非常详细的介绍了WPF，适合初学者入门学习。
WPF不规则按钮
漂亮的WPF不规则按钮-WPF不规则按钮
WPF/Silverlight

8,737

社区成员

12,029

社区内容

发帖
与我相关
我的任务
社区描述
WPF/Silverlight相关讨论
社区管理员
  • WPF/Silverlight社区
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章