silverlight   发布时间:2022-05-03  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了Silverlight 4中更换页面皮肤的功能大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

概述

SL 4的鼠标右键事件功能:  鼠标右键事件我个人觉得比较使用的功能是更换页面皮肤,或者是弹出子窗口来添加临时需要填写的数据,或者是选择工具,或者是转到不同的连接等等。看项目需要你可以稍微想想,这个功能可以就是一个亮点。 在Silverlight 4中有个MouseRightButtonDown和MouseRightButtonUp事件,你可以给把它们合起来使用完成很多功能。当然,有LeftBut

SL 4的鼠标右键事件功能

 鼠标右键事件我个人觉得比较使用的功能是更换页面皮肤,或者是弹出子窗口来添加临时需要填写的数据,或者是选择工具,或者是转到不同的连接等等。看项目需要你可以稍微想想,这个功能可以就是一个亮点。

Silverlight 4中有个@H_954_21@mouseRightButtonDown@H_954_21@mouseRightButtonUp事件,你可以给把它们合起来使用完成很多功能。当然,有LeftButton也有同样也添加UpDown事件。

我在Silverlight官网看了段视频介绍这个功能,它主要是介绍了右键修改皮肤,和ChildWindow弹出。我这里会边写边想着个大家多举几个例子。

1.       创建一个SilverLight4的应用程序。

2.       然后是在页面便加点东西,我加了一个Rectangle,如下图

Silverlight 4中更换页面皮肤的功能

Ok,先测试下右键鼠标Down事件,

  frame.MouseRightButtonDown+=new @H_205_183@mouseButtonEventHandler(frame_MouseRightButtonDown);

 委托的方法@H_954_21@mouseRightButtonDown,它的代码这里就写个messageBox弹出,

  void frame_MouseRightButtonDown(object sender,@H_205_183@mouseButtonEventArgs E)

        {

            messageBox.Show("button right clicked on the frame");

        }

运行一下,:

 

Silverlight 4中更换页面皮肤的功能

3.       更换这个Rectangle的颜色,也就是皮肤吧:

使用Popup控件来作为右键时皮肤项的容器。Popup添加一个Grid。最后出来的结构如下:

@H_581_301

Silverlight 4中更换页面皮肤的功能

ListView中存放的是菜单,每个颜色都会添加一个右键的down事件,当事件发生时修改皮肤颜色。Grid也没什么特殊作用就是个容器,ListView相同。比较特殊的是Canvas这个控件,它添加了两个事件:鼠标右键Down和鼠标左键Down,任何一个发生时,它都会去查看当的Popup是否打开,如果是打开就给关闭

代码如下:

  _popup = new Popup();

            _grid = new Grid();

 

            _popup.Child = _grid;

 

            _canvas = new Canvas();

 

            _canvas.MouSELEftButtonDown += (sender,args) => { OnClickOutside(); };

            _canvas.MouseRightButtonDown += (sender,args) => { args.Handled = true; OnClickOutside(); };

 

            _canvas.BACkground = new SolidColorBrush(Colors.Transparent);

 

            _grid.Children.Add(_canvas);

 

            _content = GetContent();

 

            _content.HorizontalAlignment = HorizontalAlignment.Left;

            _content.VerticalAlignment = VerticalAlignment.Top;

            _content.Margin = new Thickness(_LOCATIOn.X,_LOCATIOn.Y,0);

 

 

            _grid.Children.Add(_content);

 

            updateSize();

这里你发现没有ListBox,而只能看到一个_content,它是个自定义的控件:

Grid grid = new Grid() { Width = 100,Height = 115 };

            Border border = new Border() { BorderBrush = new SolidColorBrush(Colors.black),BorderThickness = new Thickness(1),BACkground = new SolidColorBrush(Colors.LightGray) };

            grid.Children.Add(border);

 

            TextBlock red = new TextBlock() { Text = "Red",Width = 90 };

            red.MouSELEftButtonUp += new @H_205_183@mouseButtonEventHandler(ChangeColorRed);

 

            TextBlock blue = new TextBlock() { Text = "Blue",Width = 90 };

            blue.MouSELEftButtonUp += new @H_205_183@mouseButtonEventHandler(ChangeColorBluE);

 

            TextBlock green = new TextBlock() { Text = "Green",Width = 90 };

            green.MouSELEftButtonUp += new @H_205_183@mouseButtonEventHandler(ChangeColorGreen);

 

            TextBlock yellow = new TextBlock() { Text = "Yellow",Width = 90 };

            yellow.MouSELEftButtonUp += new @H_205_183@mouseButtonEventHandler(ChangeColorYellow);

 

            TextBlock cancel = new TextBlock() { Text = "Cancel Menu",Width = 90 };

            cancel.MouSELEftButtonUp += new @H_205_183@mouseButtonEventHandler(CancelContextMenu);

 

            ListBox options = new ListBox();

            options.Items.Add(red);

            options.Items.Add(bluE);

            options.Items.Add(green);

            options.Items.Add(yellow);

            options.Items.Add(cancel);

 

            grid.Children.Add(options);

就是在它里面添加ListBox

最后就是在页面加载时给需要改变颜色的控件添加右键事件:

  frame.MouseRightButtonDown+=new @H_205_183@mouseButtonEventHandler(frame_MouseRightButtonDown);

            frame.MouseRightButtonUp+= new @H_205_183@mouseButtonEventHandler(frame_MouseRightButtonUp);

      

        void frame_MouseRightButtonDown(object sender,@H_205_183@mouseButtonEventArgs E)

        {

            e.Handled = true;

        }

 

        void frame_MouseRightButtonUp(object sender,@H_205_183@mouseButtonEventArgs E)

        {

            SkinChangeContextMenu contextMenu = new SkinChangeContextMenu(framE);

            contextMenu.Show(e.GetPosition(LayoutRoot));

        }

运行结果:

 

Silverlight 4中更换页面皮肤的功能

4.       使用@H_954_21@mouseRightDown事件来改变一个Canvas的大小;

还是以上面的Canvas为例子,鼠标右键是我们需要让一个Popup显示出来,通过Popup上的两个Slider来设置CanvasHeightWidth

Xaml代码

<Grid x:Name="LayoutRoot" BACkground="White">

        <TextBlock Text="Right-click to customize" FontWeight="Bold" Margin="12,0"/>

 

        <Rectangle Height="254" HorizontalAlignment="Left" Margin="12,24,0" Name="frame"

stroke="Black" strokeThickness="4" VerticalAlignment="Top" Width="320" RadiusX="15" RadiusY="15" Fill="Red"

@H_57_1035@mouseRightButtonDown="frame_MouseRightButtonDown"

@H_57_1035@mouseRightButtonUp="frame_MouseRightButtonUp" />

 

        <Popup x:Name="pop">

            <Border BACkground="LightBlue" Margin="10" BorderBrush="Blue" CornerRadius="5" BorderThickness="3">

                <Grid Width="235" Height="138">

                    <TextBlock Text="Customize:" FontWeight="Bold" HorizontalAlignment="Center" Margin="83,83,116" />

                    <TextBlock Height="23" HorizontalAlignment="Left" Margin="19,30,0" Name="textBlock1" Text="Width:" VerticalAlignment="Top" Width="60" />

                    <Slider Height="23" Name="slWidth" Margin="114,31,84" Value="320" Minimum="10" Maximum="320" ValueChanged="slWidth_ValueChanged" />

                    <TextBlock Height="23" HorizontalAlignment="Left" Margin="19,72,0" Name="Height" Text="Height:" VerticalAlignment="Top" Width="60" />

                    <Slider Height="23" Margin="114,43" Name="slheight" Minimum="10" Value="254" Maximum="254" ValueChanged="slheight_ValueChanged" />

                    <Button Content="Done" Height="23" HorizontalAlignment="Left" Margin="129,109,0" Name="btnDone" Click="btnDone_Click" VerticalAlignment="Top" Width="75" />

                </Grid>

            </Border>

        </Popup>

当在Canvas右键点击时,我们让这个Popup弹出来:

    private void frame_MouseRightButtonDown(object sender,@H_205_183@mouseButtonEventArgs E)

        {

            e.Handled = true;

        }

 

        private void frame_MouseRightButtonUp(object sender,@H_205_183@mouseButtonEventArgs E)

        {

            pop.HorizontalOffset = e.GetPosition(null).X + 2;

            pop.VerticalOffset = e.GetPosition(null).Y + 2;

            pop.IsOpen = true;

        }

Popup伤的Slider添加的事件代码

private void slheight_ValueChanged(object sender,RoutedPropertyChangedEventArgs<double> E)

        {

            if (frame == null) return;

            frame.Height = slheight.Value;

        }

 

        private void slWidth_ValueChanged(object sender,RoutedPropertyChangedEventArgs<double> E)

        {

            if (frame == null) return;

            frame.Width = slWidth.Value;

        }

 

        private void btnDone_Click(object sender,RoutedEventArgs E)

        {

            pop.IsOpen = false;

        }

现在运行下,看看结果:

 

Silverlight 4中更换页面皮肤的功能

拖动滚动条就可以让后面红色的那个Rectangle高度或者宽度变化。

5.       刚才试着给那个popup添加drag –drop功能,没成功。

大佬总结

以上是大佬教程为你收集整理的Silverlight 4中更换页面皮肤的功能全部内容,希望文章能够帮你解决Silverlight 4中更换页面皮肤的功能所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。