Silverlight中利用Blend绘制可伸缩的Tab菜单

2024-03-17 12:48
文章标签 绘制 tab 菜单 silverlight 伸缩 blend

本文主要是介绍Silverlight中利用Blend绘制可伸缩的Tab菜单，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

直接上Blend设计代码：

  <Grid x:Name="Tab1" Margin="0,10,0,0" HorizontalAlignment="Right" VerticalAlignment="Top"><Grid.ColumnDefinitions><ColumnDefinition Width="32" x:Name="gridTab1" /><ColumnDefinition Width="240" x:Name="gridTab2"/></Grid.ColumnDefinitions><Grid Grid.Column="0"  Margin="0" HorizontalAlignment="Right" Width="32" Height="196" MouseLeftButtonDown="gridTab1_MouseLeftButtonDown" MouseLeftButtonUp="gridTab1_MouseLeftButtonUp" VerticalAlignment="Top"><Path Data="M14.499997,0.5 L30.5,0.5 L30.5,195.5092 C22.749666,179.34477 21.416317,172.5116 12.74966,165.34474 C10.101785,163.15511 0.50000095,159.98717 0.5,153.17583 L0.5,12.833001 C0.50000095,6.0216737 6.0216732,0.50000131 12.833001,0.50000149 z" Margin="0,0,1,0" Stretch="Fill" Stroke="#FF97B0CB" UseLayoutRounding="False"><Path.Fill><LinearGradientBrush EndPoint="0.904,0.386" StartPoint="0.114,0.385"><GradientStop Color="#FFD7DCE1" Offset="0.383"/><GradientStop Color="#FFFDFDFE" Offset="1"/><GradientStop Color="#FFDFE3E7"/></LinearGradientBrush></Path.Fill></Path><Rectangle StrokeThickness="0.5" RadiusY="3" RadiusX="3" Stroke="#FF319CE1" Height="20" Margin="7,13,5,0" VerticalAlignment="Top" Fill="#FFFBFDFC"><Rectangle.OpacityMask><ImageBrush Stretch="Fill"/></Rectangle.OpacityMask></Rectangle><Rectangle StrokeThickness="0.5" Margin="6,13,3,0" Height="23" VerticalAlignment="Top"><Rectangle.Fill><ImageBrush ImageSource="Images/ztfx1.png"/></Rectangle.Fill><Rectangle.OpacityMask><ImageBrush Stretch="Fill"/></Rectangle.OpacityMask></Rectangle><TextBlock Margin="1,40,0,0" TextWrapping="Wrap" TextAlignment="Center" FontSize="16" LineHeight="21.333" Text="专题分析" VerticalAlignment="Top"/><TextBlock x:Name="tbTip1" Margin="1,0,0,38" TextWrapping="Wrap" TextAlignment="Center" FontSize="16" VerticalAlignment="Bottom" Text="<<" Foreground="#FF0033FF"/></Grid><Grid Grid.Column="1"  Margin="0" Width="240" Height="249" HorizontalAlignment="Right" VerticalAlignment="Top"><Rectangle Margin="0,25,0,0" Fill="White" Stroke="#FF97B0CB" HorizontalAlignment="Right" Width="240"/><Rectangle Height="35" VerticalAlignment="Top"><Rectangle.Stroke><LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0"><GradientStop Color="#FFD6DEEA"/><GradientStop Color="#FF97B0CB" Offset="0.526"/></LinearGradientBrush></Rectangle.Stroke><Rectangle.Fill><LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0"><GradientStop Color="#FFF3F6FB" Offset="0"/><GradientStop Color="#FFACC8E7" Offset="1"/><GradientStop Color="#FFC3D6ED" Offset="0.513"/></LinearGradientBrush></Rectangle.Fill></Rectangle><StackPanel Margin="0,36,7,0" VerticalAlignment="Top" HorizontalAlignment="Right" Width="230"><Grid Height="40" d:LayoutOverrides="Height" VerticalAlignment="Top" Width="230"><sdk:DatePicker x:Name="dpStart" Margin="48,6,67,6" Width="115"/><ComboBox x:Name="cbStart" HorizontalAlignment="Right" Margin="0,6,16,6" Width="49"/><TextBlock HorizontalAlignment="Left" Margin="3,0,0,0" TextWrapping="Wrap" Text="起始：" Width="56" FontSize="16" FontFamily="Microsoft YaHei" VerticalAlignment="Center"/><TextBlock TextWrapping="Wrap" Text="时" FontSize="16" FontFamily="Microsoft YaHei" VerticalAlignment="Center" HorizontalAlignment="Right" Width="15" Margin="0,0,-1,0"/></Grid><Grid Height="40" d:LayoutOverrides="Height, VerticalMargin" Width="230"><sdk:DatePicker x:Name="dpEnd" Margin="48,6,67,6" Width="115"/><ComboBox x:Name="cbEnd" HorizontalAlignment="Right" Margin="0,6,16,6" Width="49"/><TextBlock HorizontalAlignment="Left" Margin="3,0,0,0" TextWrapping="Wrap" Text="截至：" Width="56" FontSize="16" FontFamily="Microsoft YaHei" VerticalAlignment="Center"/><TextBlock TextWrapping="Wrap" Text="时" FontSize="16" FontFamily="Microsoft YaHei" VerticalAlignment="Center" HorizontalAlignment="Right" Width="15" Margin="0,0,-1,0"/></Grid><Grid Height="40" d:LayoutOverrides="Height, VerticalMargin" Width="230"><ComboBox x:Name="cbRainGrade" Margin="78,6,0,6"/><TextBlock HorizontalAlignment="Left" Margin="4,0,0,0" TextWrapping="Wrap" Text="雨量级别：" Width="80" FontSize="16" FontFamily="Microsoft YaHei" VerticalAlignment="Center"/></Grid><Grid Height="40" d:LayoutOverrides="Height, VerticalMargin" Visibility="Collapsed"><RadioButton x:Name="rb1" Content="稀" Margin="70,11,67,1" FontSize="13.333" FontFamily="Microsoft YaHei" GroupName="rbGroup" IsChecked="True" Cursor="Hand" Click="rb_Click"/><TextBlock HorizontalAlignment="Left" Margin="4,0,0,0" TextWrapping="Wrap" Text="过滤级：" Width="55" FontSize="13.333" FontFamily="Microsoft YaHei" VerticalAlignment="Center"/><RadioButton x:Name="rb2" Content="密" Margin="0,12,8,0" FontSize="13.333" FontFamily="Microsoft YaHei" HorizontalAlignment="Right" Width="55" GroupName="rbGroup" Cursor="Hand" Click="rb_Click"/></Grid><Grid Height="40" d:LayoutOverrides="Height, VerticalMargin"><Button x:Name="btnAnalysis" Content="雨量等值线" Margin="66,0,61,0" VerticalAlignment="Center" Cursor="Hand" FontSize="16" FontFamily="Microsoft YaHei" d:LayoutOverrides="Width" Click="btnAnalysis_Click"/></Grid><Grid Height="40" d:LayoutOverrides="Height, VerticalMargin"><Button x:Name="btnStatistic" Content="雨量统计" Margin="66,0,61,0" VerticalAlignment="Center" Cursor="Hand" FontSize="16" FontFamily="Microsoft YaHei" d:LayoutOverrides="Width" Click="btnStatistic_Click"/></Grid></StackPanel><TextBlock Margin="30,0,37,217" TextWrapping="Wrap" FontSize="21.333" FontFamily="微软雅黑" TextAlignment="Center" Text="专题分析"/></Grid></Grid><Grid x:Name="Tab2" Margin="0,273,0,0" HorizontalAlignment="Right" VerticalAlignment="Top"><Grid.ColumnDefinitions><ColumnDefinition Width="32" x:Name="gridTab11" /><ColumnDefinition Width="240" x:Name="gridTab21"/></Grid.ColumnDefinitions><Grid Grid.Column="0"  Margin="0" Height="153" HorizontalAlignment="Right" Width="32" MouseLeftButtonDown="gridTab11_MouseLeftButtonDown" MouseLeftButtonUp="gridTab11_MouseLeftButtonUp" VerticalAlignment="Top"><Path Data="M14.499997,0.5 L30.5,0.5 L30.5,152.50117 C22.749666,136.33675 21.416317,129.50357 12.74966,122.33672 C10.101785,120.14707 0.50000095,116.97913 0.5,110.1678 L0.5,12.833001 C0.50000095,6.0216737 6.0216732,0.50000131 12.833001,0.50000149 z" Margin="0,0,1,0.006" Stretch="Fill" Stroke="#FF97B0CB" UseLayoutRounding="False"><Path.Fill><LinearGradientBrush EndPoint="0.904,0.386" StartPoint="0.114,0.385"><GradientStop Color="#FFD7DCE1" Offset="0.383"/><GradientStop Color="#FFFDFDFE" Offset="1"/><GradientStop Color="#FFDFE3E7"/></LinearGradientBrush></Path.Fill></Path><TextBlock Margin="1,40,0,65" TextWrapping="Wrap" TextAlignment="Center" FontSize="16" LineHeight="21.333" Text="图   例"/><Grid Height="20" Margin="7,13,5,0" VerticalAlignment="Top"><Rectangle StrokeThickness="0.5" RadiusX="2" RadiusY="2" Stroke="#FF319CE1"><Rectangle.Fill><LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0"><GradientStop Color="#FFF1F1F1" Offset="0"/><GradientStop Color="#FFD0D0D0" Offset="1"/><GradientStop Color="#FFDEDEDE" Offset="0.448"/><GradientStop Color="#FFD0D0D0" Offset="0.5"/></LinearGradientBrush></Rectangle.Fill></Rectangle><Ellipse Fill="#FF1016FF" HorizontalAlignment="Left" Height="3" Margin="2,2,0,0" VerticalAlignment="Top" Width="3" StrokeThickness="0.2"/><Ellipse Fill="#FFFF871C" HorizontalAlignment="Left" Margin="2,8,0,9" Width="3" StrokeThickness="0.2"/><Ellipse Fill="#FFE8343B" HorizontalAlignment="Left" Height="3" Margin="2,0,0,3" VerticalAlignment="Bottom" Width="3" StrokeThickness="0.2"/><Path Data="M262.75,109 L269.91666,109" Height="2" Margin="6,2.6,2,0" Stretch="Fill" Stroke="#FF1016FF" UseLayoutRounding="False" VerticalAlignment="Top" StrokeThickness="2"><Path.Fill><LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0"><GradientStop Color="#FFF1F1F1" Offset="0"/><GradientStop Color="#FFD0D0D0" Offset="1"/><GradientStop Color="#FFDEDEDE" Offset="0.448"/><GradientStop Color="#FFE8343B" Offset="0.5"/></LinearGradientBrush></Path.Fill></Path><Path Data="M262.75,109 L269.91666,109" Margin="6,8.562,2,9.438" Stretch="Fill" Stroke="#FFFF871C" UseLayoutRounding="False" StrokeThickness="2"><Path.Fill><LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0"><GradientStop Color="#FFF1F1F1" Offset="0"/><GradientStop Color="#FFD0D0D0" Offset="1"/><GradientStop Color="#FFDEDEDE" Offset="0.448"/><GradientStop Color="#FFE8343B" Offset="0.5"/></LinearGradientBrush></Path.Fill></Path><Path Data="M262.75,109 L269.91666,109" Height="2" Margin="6,0,2,3.309" Stretch="Fill" Stroke="#FFE8343B" UseLayoutRounding="False" VerticalAlignment="Bottom" StrokeThickness="2"><Path.Fill><LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0"><GradientStop Color="White" Offset="0.023"/><GradientStop Color="#FFE93940" Offset="0.046"/></LinearGradientBrush></Path.Fill></Path></Grid><TextBlock x:Name="tbTip2" Margin="1,0,0,38" TextWrapping="Wrap" TextAlignment="Center" FontSize="16" VerticalAlignment="Bottom" Text="<<" Foreground="#FF0033FF"/></Grid><Grid Grid.Column="1" Margin="0" Width="240" Height="204" HorizontalAlignment="Right" VerticalAlignment="Top"><Rectangle HorizontalAlignment="Right" Width="240" Height="35" VerticalAlignment="Top"><Rectangle.Stroke><LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0"><GradientStop Color="#FFD6DEEA"/><GradientStop Color="#FF97B0CB" Offset="0.526"/></LinearGradientBrush></Rectangle.Stroke><Rectangle.Fill><LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0"><GradientStop Color="#FFF3F6FB" Offset="0"/><GradientStop Color="#FFACC8E7" Offset="1"/><GradientStop Color="#FFC3D6ED" Offset="0.513"/></LinearGradientBrush></Rectangle.Fill></Rectangle><Rectangle Margin="0,30,0,0" Fill="White" Stroke="#FF97B0CB" HorizontalAlignment="Right" Width="240"/><Path Data="M304.5,131 L304.5,260.81238" Margin="123.5,30.5,0,1.099" Stretch="Fill" UseLayoutRounding="False" Fill="#FF97B0CB" Stroke="#FF97B0CB" Width="2" HorizontalAlignment="Left" d:LayoutOverrides="Width"/><Path Data="M220,157.5 L390.00662,157.5" Height="2" Margin="0,67.811,0.496,0" Stretch="Fill" UseLayoutRounding="False" VerticalAlignment="Top" Fill="Black" Stroke="#FF97B0CB" HorizontalAlignment="Right" Width="239"/><Path Data="M220,157.5 L390.00662,157.5" Height="2" Margin="0,0,0.496,88.694" Stretch="Fill" UseLayoutRounding="False" VerticalAlignment="Bottom" Fill="Black" Stroke="#FF97B0CB" HorizontalAlignment="Right" Width="239"/><Path Data="M220,157.5 L390.00662,157.5" Height="2" Margin="0,0,0.496,43.199" Stretch="Fill" UseLayoutRounding="False" VerticalAlignment="Bottom" Fill="Black" Stroke="#FF97B0CB" HorizontalAlignment="Right" Width="239"/><Ellipse Fill="#FF3FC916" HorizontalAlignment="Left" Height="11" Margin="7,42,0,0" VerticalAlignment="Top" Width="11"/><Ellipse Fill="#FFFFEB00" HorizontalAlignment="Left" Margin="7,85,0,0" Width="11" Height="11" VerticalAlignment="Top"/><Ellipse Fill="#FFEC26A5" HorizontalAlignment="Left" Margin="7,0,0,61" Width="11" Height="11" VerticalAlignment="Bottom"/><Ellipse Fill="#FF888489" HorizontalAlignment="Left" Margin="7,0,0,17" Width="11" Height="11" VerticalAlignment="Bottom"/><Ellipse Fill="#FF1016FF" HorizontalAlignment="Right" Height="11" Margin="0,42,93,0" VerticalAlignment="Top" Width="11" d:LayoutOverrides="HorizontalAlignment"/><Ellipse Fill="#FFFF871C" HorizontalAlignment="Right" Margin="0,85,93,0" Width="11" Height="11" VerticalAlignment="Top" d:LayoutOverrides="HorizontalAlignment"/><Ellipse Fill="#FFE8343B" HorizontalAlignment="Right" Margin="0,0,93,61" Width="11" Height="11" VerticalAlignment="Bottom" d:LayoutOverrides="HorizontalAlignment"/><TextBlock Margin="37,0,30,172" TextWrapping="Wrap" FontSize="21.333" FontFamily="微软雅黑" TextAlignment="Center"><Run Text="图"/><Run Text=" "/><Run Text=" 例"/></TextBlock><TextBlock HorizontalAlignment="Left" Margin="22,36,0,0" TextWrapping="Wrap" Text="<10" Width="70" FontSize="16" Height="19" VerticalAlignment="Top" d:LayoutOverrides="HorizontalAlignment"/><TextBlock HorizontalAlignment="Left" Margin="22,79,0,0" TextWrapping="Wrap" Text="25~50" Width="70" FontSize="16" Height="19" VerticalAlignment="Top" d:LayoutOverrides="HorizontalAlignment"/><TextBlock HorizontalAlignment="Left" Margin="22,0,0,59" TextWrapping="Wrap" Width="70" Height="19" VerticalAlignment="Bottom" FontSize="16" d:LayoutOverrides="HorizontalAlignment"><Run Text="100"/><Run Text="~"/><Run Text="20"/><Run Text="0"/></TextBlock><TextBlock HorizontalAlignment="Left" Margin="22,0,0,13" TextWrapping="Wrap" Width="72" Height="19" VerticalAlignment="Bottom" Text="没有数据" FontSize="16"/><TextBlock HorizontalAlignment="Right" Margin="0,36,19,0" TextWrapping="Wrap" Text="10～25" Width="70" FontSize="16" Height="19" VerticalAlignment="Top"/><TextBlock HorizontalAlignment="Right" Margin="0,79,19,0" TextWrapping="Wrap" Width="70" FontSize="16" Height="19" VerticalAlignment="Top"><Run Text="50"/><Run Text="～100"/></TextBlock><TextBlock HorizontalAlignment="Right" Margin="0,0,19,59" TextWrapping="Wrap" Width="70" Height="19" VerticalAlignment="Bottom" FontSize="16"><Run Text=">="/><Run Text="20"/><Run Text="0"/></TextBlock></Grid></Grid>

private void gridTab1_MouseLeftButtonDown(object sender, System.Windows.Input.MouseButtonEventArgs e)
{e.Handled = true;
}private void gridTab1_MouseLeftButtonUp(object sender, System.Windows.Input.MouseButtonEventArgs e)
{if (this.gridTab2.Width == new GridLength(240, GridUnitType.Pixel)){//处于展开状态this.tbTip1.Text = "<<";Grid.SetColumnSpan(this.Tab1, 1);this.gridTab2.Width = new GridLength(0, GridUnitType.Pixel);}else{//处于收缩状态this.tbTip1.Text = ">>";Grid.SetColumnSpan(this.Tab1, 2);this.gridTab2.Width = new GridLength(240, GridUnitType.Pixel);}
}private void gridTab11_MouseLeftButtonDown(object sender, System.Windows.Input.MouseButtonEventArgs e)
{e.Handled = true;
}private void gridTab11_MouseLeftButtonUp(object sender, System.Windows.Input.MouseButtonEventArgs e)
{if (this.gridTab21.Width == new GridLength(240, GridUnitType.Pixel)){//处于展开状态this.tbTip2.Text = "<<";Grid.SetColumnSpan(this.Tab2, 1);this.gridTab21.Width = new GridLength(0, GridUnitType.Pixel);}else{//处于收缩状态this.tbTip2.Text = ">>";Grid.SetColumnSpan(this.Tab2, 2);this.gridTab21.Width = new GridLength(240, GridUnitType.Pixel);}
}

  点击Tab即可收缩，如右图

这篇关于Silverlight中利用Blend绘制可伸缩的Tab菜单的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/819002。

相关文章

禁止平板,iPad长按弹出默认菜单事件

禁止平板,iPad长按弹出默认菜单事件

通过监控按下抬起时间差来禁止弹出事件，把以下代码写在要禁止的页面的页面加载事件里面即可     var date;document.addEventListener('touchstart', event => {date = new Date().getTime();});document.addEventListener('touchend', event => {if (new
阅读更多...
【WebGPU Unleashed】1.1 绘制三角形

【WebGPU Unleashed】1.1 绘制三角形

一部2024新的WebGPU教程，作者Shi Yan。内容很好，翻译过来与大家共享，内容上会有改动，加上自己的理解。更多精彩内容尽在 dt.sim3d.cn ，关注公众号【sky的数孪技术】，技术交流、源码下载请添加微信号：digital_twin123 在 3D 渲染领域，三角形是最基本的绘制元素。在这里，我们将学习如何绘制单个三角形。接下来我们将制作一个简单的着色器来定义三角形内的像素
阅读更多...
Flutter 进阶：绘制加载动画

Flutter 进阶：绘制加载动画

绘制加载动画：由小圆组成的大圆 1. 定义 LoadingScreen 类2. 实现 _LoadingScreenState 类3. 定义 LoadingPainter 类4. 总结 实现加载动画 我们需要定义两个类：LoadingScreen 和 LoadingPainter。LoadingScreen 负责控制动画的状态，而 LoadingPainter 则负责绘制动画。
阅读更多...
Windows如何添加右键新建菜单

Windows如何添加右键新建菜单

Windows如何添加右键新建菜单 文章目录 Windows如何添加右键新建菜单实验环境缘起以新建`.md`文件为例第一步第二步第三步 总结 实验环境 Windows7 缘起 因为我习惯用 Markdown 格式写文本，每次新建一个.txt后都要手动修改为.md，真的麻烦。如何在右键新建菜单中添加.md选项呢？ 网上有很多方法，这些方法我都尝试了，要么太麻烦，要么不凑效
阅读更多...
利用matlab bar函数绘制较为复杂的柱状图，并在图中进行适当标注

利用matlab bar函数绘制较为复杂的柱状图，并在图中进行适当标注

示例代码和结果如下：小疑问：如何自动选择合适的坐标位置对柱状图的数值大小进行标注？😂 clear; close all;x = 1:3;aa=[28.6321521955954 26.2453660695847 21.69102348512086.93747104431360 6.25442246899816 3.342835958564245.51365061796319 4.87
阅读更多...
YOLOv8/v10+DeepSORT多目标车辆跟踪（车辆检测/跟踪/车辆计数/测速/禁停区域/绘制进出线/绘制禁停区域/车道车辆统计）

YOLOv8/v10+DeepSORT多目标车辆跟踪（车辆检测/跟踪/车辆计数/测速/禁停区域/绘制进出线/绘制禁停区域/车道车辆统计）

01：YOLOv8 + DeepSort 车辆跟踪 该项目利用YOLOv8作为目标检测模型，DeepSort用于多目标跟踪。YOLOv8负责从视频帧中检测出车辆的位置，而DeepSort则负责关联这些检测结果，从而实现车辆的持续跟踪。这种组合使得系统能够在视频流中准确地识别并跟随特定车辆。 02：YOLOv8 + DeepSort 车辆跟踪 + 任意绘制进出线 在此基础上增加了用户
阅读更多...
ubuntu16.04 Git add 使用tab键卡死

ubuntu16.04 Git add 使用tab键卡死

以前使用Ubuntu14.04 进行git add 操作时使用TAB键可以很快自动补全，但自从使用16.04使用TAB半天没有反应。 一开始以为是Git版本问题，后验证与Git无关。 搜索发现与Dash有关，以下是博客原文： http://www.51testing.com/html/50/n-1245050.html 今天碰到一个问题git 后面的参数用Tab键无法补全
阅读更多...
使用matplotlib绘制散点图、柱状图和饼状图-学习篇

使用matplotlib绘制散点图、柱状图和饼状图-学习篇

一、散点图 Python代码如下： num_points = 100x = np.random.rand(num_points) #x点位随机y = np.random.rand(num_points) #y点位随机colors = np.random.rand(num_points) #颜色随机sizes = 1000 * np.random.rand(num_points) # 大
阅读更多...
黑神话：悟空》增加草地绘制距离MOD使游戏场景看起来更加广阔与自然，增强了游戏的沉浸式体验

黑神话：悟空》增加草地绘制距离MOD使游戏场景看起来更加广阔与自然，增强了游戏的沉浸式体验

《黑神话：悟空》增加草地绘制距离MOD为玩家提供了一种全新的视觉体验，通过扩展游戏中草地的绘制距离，增加了场景的深度和真实感。该MOD通过增加草地的绘制距离，使游戏场景看起来更加广阔与自然，增强了游戏的沉浸式体验。 增加草地绘制距离MOD安装 1、在%userprofile%AppDataLocalb1SavedConfigWindows目录下找到Engine.ini文件。 2、使用记事本编辑
阅读更多...
Excel绘制CDF图

Excel绘制CDF图

对如下20个原始数据绘制cdf图 1. 对数据进行排序，从小到大 2. 计算累积分布： 计算公式为： 然后对C3下拉，得到累积分布数据。 3. 选中B、C两列绘制散点图：
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2