博客园_人生苦短

让背景图片一直不动

2012-01-12T01:12:00Z

本文链接

关于一些Silverlight中常用的尺寸，慢慢记录

2011-11-23T06:34:00Z

尺寸集合

Application.Current.Host.Content.ActualWidth;//表示屏幕宽度
Application.Current.Host.Content.ActualHeight;//表示屏幕高度
this.ActualWidth;//表示SilverLight主控件的宽度一般我们可以在主控件区域使用得到Silverlihgt区域的宽度
this.ActualHeight;//表示SilverLight主控件的高度一般我们可以在主控件区域使用得到Silverlihgt区域的高度
UIElement.GetValue(ActualWidthProperty) //获得一个控件的实际宽度

本文链接

自定义ChildWindow，完美实现同时弹出多个自定义的窗口

2011-11-23T05:04:00Z

针对Sl中自带的ChildWindow不能同时弹出两个甚至更多，我们开发了自己的ChildWindow，解决类似的障碍。

效果：

xaml：

对应的后台文件：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Net;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;
using System.Windows.Media.Imaging;

namespace SlChindWindow
{
    public partial class scSelfControl : UserControl
    {
        bool isMouseCaptured  = false;

        Point clickPoint = new Point();

        public scSelfControl()
        {
            InitializeComponent();
            InitControl();
        }

        private void InitControl()
        {
            Image HeadBg = new Image();
            HeadBg.Source = new BitmapImage(new Uri(@"/Images/head.jpg", UriKind.Relative));
            HeadBg.Width = 592;
            HeadBg.Height = 43;
            Canvas.SetLeft(HeadBg, 0);
            Canvas.SetTop(HeadBg, 0);
            Canvas.SetZIndex(HeadBg, -1);
            Head.Children.Add(HeadBg);

            Image BodyBg = new Image();
            BodyBg.Source = new BitmapImage(new Uri(@"/Images/body.jpg", UriKind.Relative));
            BodyBg.Width = 592;
            BodyBg.Height = 468;
            Canvas.SetLeft(BodyBg, 0);
            Canvas.SetTop(BodyBg, 43);
            Canvas.SetZIndex(BodyBg, -1);
            Body.Children.Add(BodyBg);

        }

        private void Head_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
        {
            Head.CaptureMouse();
            isMouseCaptured = true;
            clickPoint = e.GetPosition(sender as UIElement);
        }

        private void Head_MouseMove(object sender, MouseEventArgs e)
        {
            if (isMouseCaptured)
            {
                if (Application.Current != null && Application.Current.RootVisual != null &&
                    (e.GetPosition(Application.Current.RootVisual).X < 0 || e.GetPosition(Application.Current.RootVisual).Y < 0))
                {
                    return;//如果超出Silverlight的内容区，则直接返回
                }

                TransformGroup transformGroup = this.RenderTransform as TransformGroup;

                if (transformGroup == null)
                {
                    transformGroup = new TransformGroup();
                }

                TranslateTransform t = new TranslateTransform()
                {
                    X = e.GetPosition(this).X - this.clickPoint.X,
                    Y = e.GetPosition(this).Y - this.clickPoint.Y
                };

                if (transformGroup != null)
                {
                    transformGroup.Children.Add(t);
                    this.RenderTransform = transformGroup;
                }

            }
        }

        private void Head_MouseLeftButtonUp(object sender, MouseButtonEventArgs e)
        {
            Head.ReleaseMouseCapture();
            isMouseCaptured = false;
        }

        static int z;

        private void UserControl_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
        {
            z++;
            Canvas.SetZIndex(this, z);
        }

        /// <summary>
        /// 关闭
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        private void btnClose_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
        {
            Canvas Container = this.Parent as Canvas;
            Container.Children.Remove(this);
        }

        private void Resizer_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
        {
            Resizer.CaptureMouse();
            isMouseCaptured = true;
            clickPoint = e.GetPosition(sender as UIElement);
        }

        private void Resizer_MouseLeftButtonUp(object sender, MouseButtonEventArgs e)
        {
            Resizer.ReleaseMouseCapture();
            isMouseCaptured = false;
        }

        private void Resizer_MouseMove(object sender, MouseEventArgs e)
        {
            if (isMouseCaptured)
            {
                if (Application.Current != null && Application.Current.RootVisual != null &&
                    (e.GetPosition(Application.Current.RootVisual).X < 0 || e.GetPosition(Application.Current.RootVisual).Y < 0))
                {
                    return;//如果超出Silverlight的内容区，则直接返回
                }

                TransformGroup transformGroup = this.RenderTransform as TransformGroup;
                if (transformGroup == null)
                {
                    transformGroup = new TransformGroup();
                }
                ScaleTransform t = new ScaleTransform()
                {
                    ScaleX = (e.GetPosition(this).X - this.clickPoint.X)/this.Width,//获得放大或缩小的倍率
                    ScaleY = (e.GetPosition(this).Y - this.clickPoint.Y) / this.Height
                };
                if (transformGroup != null)
                {
                    transformGroup.Children.Add(t);
                    this.RenderTransform = transformGroup;
                }


            }
        }
    }
}

本文链接

关于图片蒙板的使用方法

2011-11-22T08:22:00Z

使用Canvas.OpacityMask属性进行局部图片显示。

效果如图显示：

一个比较简单的sl使用，但在有些场合比较实用，如在游戏中，可以用这个来显示mini地图中主角周围的一些内容

本文链接

两种方法设置图形元素的RenderTransform属性

2011-11-04T06:43:00Z

RenderTransform属性让你可以使用transform对象对一个元素进行旋转,倾斜,缩放及偏移操作.共有下面几种不同的transform对象:

RotateTransform: 以指定角度旋转对象.
SkewTransform: 对对象进行倾斜操作.
ScaleTransform: 对对象进行放大或者缩小操作.
TranslateTransform: 使对象从原坐标偏移.

此外,还有一种特殊类型的transform对象: TransformGroup.使用它,可以对一个对象应用多用操作.

下面是SDK中的例子,代码如下:

效果图如下图所示:

这里是直接在XAML中设置,其实,除此之外还可以用JS函数进行设置.下面给出简单的示例代码:

var sTransformG = '<TransformGroup/>';

   var oTransformG = oHost.createFromXaml(sTransformG);

    var sTransformCollection = '<TransformCollection/>';
    var oTransformCollection = oHost.createFromXaml(sTransformCollection);

    var sRotateTransform = '<RotateTransform/>';
    var oRotateTransform = oHost.createFromXaml(sRotateTransform);
    oRotateTransform.Angle = 50;

    oTransformCollection.Add(oRotateTransform);

    var sScaleTransform = '<ScaleTransform/>';
    var oScaleTransform = oHost.createFromXaml(sScaleTransform);
    oScaleTransform.ScaleX = 5;
    oScaleTransform.ScaleY = 5;

    oTransformCollection.Add(oScaleTransform);

    oTransformG.Children = oTransformCollection;
    oObject.RenderTransform = oTransformG;

本文链接

Silverlight中实现人物的A Star寻径

2011-10-11T06:22:00Z

   Rectangle rect;
        private IPathFinder PathFinder = null;
        private byte[,] Matrix = new byte[1024, 1024]; //寻路用二维矩阵
        private int GridSize = 20; //单位格子大小
        Point Start =new Point(0,0); //移动起点坐标
        Point End; //移动终点坐标

构造初始化矩阵

privatevoid InitializeMatrix()

        {
            for (int y = 0; y < Matrix.GetUpperBound(1); y++)
            {
                for (int x = 0; x < Matrix.GetUpperBound(0); x++)
                {
                    //默认值可以通过(非障碍物)在矩阵中用1表示
                    Matrix[x, y] = 1;
                }
            }
            //构建障碍物(举例)
            for (int i = 0; i < 18; i++)
            {
                //障碍物在矩阵中用0表示
                Matrix[i, 12] = 0;
                rect = new Rectangle();
                rect.Fill = new SolidColorBrush(Colors.Red);
                rect.Width = GridSize;
                rect.Height = GridSize;
                Carrier.Children.Add(rect);
                Canvas.SetLeft(rect, i * GridSize);
                Canvas.SetTop(rect, 12 * GridSize);
            }

            for (int i = 12; i < 20; i++)
            {
                //障碍物在矩阵中用0表示
                Matrix[18, i] = 0;
                rect = new Rectangle();
                rect.Fill = new SolidColorBrush(Colors.Red);
                rect.Width = GridSize;
                rect.Height = GridSize;
                Carrier.Children.Add(rect);
                Canvas.SetLeft(rect, 18 * GridSize);
                Canvas.SetTop(rect, i * GridSize);
            }

            for (int i = 12; i < 19; i++)
            {
                //障碍物在矩阵中用0表示
                Matrix[i, 20] = 0;
                rect = new Rectangle();
                rect.Fill = new SolidColorBrush(Colors.Red);
                rect.Width = GridSize;
                rect.Height = GridSize;
                Carrier.Children.Add(rect);
                Canvas.SetLeft(rect, i * GridSize);
                Canvas.SetTop(rect, 20 * GridSize);
   }

}

寻径方式调用：一般我们通过鼠标左击事件来确定鼠标位置

private void Carrier_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
        {
            Point p = e.GetPosition(Carrier);

            int x = (int)p.X / GridSize;
            int y = (int)p.Y / GridSize;
            End = new Point(x, y); //计算终点坐标

            PathFinder = new PathFinderFast(Matrix);
            PathFinder.HeavyDiagonals = true; //深度对角线移动
            //PathFinder.Diagonals = true;//对角线
            PathFinder.Formula = HeuristicFormula.Manhattan; //使用我个人觉得最快的曼哈顿A*算法
            PathFinder.SearchLimit = 2000; //寻径范围，即在多大的范围内寻找

            List<PathFinderNode> path = PathFinder.FindPath(Start, End); //开始寻径

            if (path == null)
            {
                MessageBox.Show("路径不存在！");
            }
            else
            {
                string output = string.Empty;
                for (int i = path.Count - 1; i >= 0; i--)
                {
                    output = string.Format(output
                        + "{0}"
                        + path[i].X.ToString()
                        + "{1}"
                        + path[i].Y.ToString()
                        + "{2}",
                        "(", ",", ") ");
                    rect = new Rectangle();
                    rect.Fill = new SolidColorBrush(Colors.Green);
                    rect.Width = GridSize;
                    rect.Height = GridSize;
                    Carrier.Children.Add(rect);
                    Canvas.SetLeft(rect, path[i].X * GridSize);
                    Canvas.SetTop(rect, path[i].Y * GridSize);
                }
                MessageBox.Show("路径坐标分别为:" + output);
            }

}

当然这里还要调用最主要的寻径的dll ,这个是寻径的精华，附上源码/Files/Caceolod/SilverGame.zip

本文链接

silverlight 自定义鼠标双击事件

2011-10-10T08:42:00Z

原文地址： http://www.funsl.com/content/silverlight-%E8%87%AA%E5%AE%9A%E4%B9%89-%E9%BC%A0%E6%A0%87-%E5%8F%8C%E5%87%BB%E4%BA%8B%E4%BB%B6

public partial class MainPage : UserControl
    {
        public DateTime _lastClick = DateTime.Now;
        private bool _firstClickDone = false;

        public MainPage()
        {
            InitializeComponent();
            this.MouseLeftButtonDown += new MouseButtonEventHandler(MainPage_MouseLeftButtonDown);
        }

        private void MainPage_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
        {
            UIElement element = sender as UIElement;
            TimeSpan span = DateTime.Now - _lastClick;

            if (span.TotalMilliseconds > 300 || _firstClickDone == false)
            {
               //第一次点击
                _firstClickDone = true;
                _lastClick = DateTime.Now;
            }
            else
            {
                 //双击触发
                //双击代码请在这里编写

                _firstClickDone = false;
            }
        }
    }

本文链接

WPF/Silverlight QQ交流群：137377438

2011-10-09T01:17:00Z

WPF/Silverlight QQ交流群：137377438 目前只有可怜的几个人，首先申明，我是Silverlight新手 ,正在不断的学习中,欢迎有共同爱好的朋友一起加入！

本文链接

[Silverlight入门系列]不用ChildWindow的自定义MessageBox及其MVVM实现(1)

2011-10-08T01:57:00Z

Silverlight自身包含了MessageBox，但比较难看，网上有很多童鞋用Childwindow自定义实现了MessageBox，比如这篇。但个人不是很喜欢Childwindow，当然，ChildWindow深度自定义也是可以的，参考MSDN这篇文章，你还可以用Expression Blend来自定义它，参考这篇文章。今天我们不用Childwindow自定义实现MessageBox，最终效果如图（遮罩原界面+半透明边框+关闭按钮）：

没有提问的MessageBox效果：

调用方式如下：在任意页面Xaml底部加上该控件（默认是隐藏的）:

在Xaml.cs控制其打开：

1: <UserControl x:Class="SLQueryTest.MessageboxExt" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 3: xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 4: xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 5: xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 6: mc:Ignorable="d" Visibility="Collapsed" 7: d:DesignHeight="300" d:DesignWidth="400">

   8:
   9:     <Grid x:Name="LayoutRoot" Background="Transparent">
  10:         <Grid Canvas.ZIndex="2" Margin="0" Background="#CC1D1D1D" >
  11:             <Border Background="#F5F5F5" Padding="10" Width="Auto" Height="Auto" CornerRadius="4"
  12:                     VerticalAlignment="Center" HorizontalAlignment="Center">
  13:                 <Grid>
  14:                     <Grid.RowDefinitions>
  15:                         <RowDefinition Height="Auto"/>
  16:                         <RowDefinition Height="*"/>
  17:                     </Grid.RowDefinitions>
  18:                     <Image Grid.Row="0" Source="/SLQueryTest;component/Assets/1317886528_cancel.png" Width="16" Height="16"
  19:                             MouseLeftButtonDown="Image_MouseLeftButtonDown"
  20:                                Margin="0,-20,-15,0" HorizontalAlignment="Right" Cursor="Hand">
  21:                         <Image.Effect>
  22:                             <DropShadowEffect Opacity=".8" BlurRadius="17" Color="White" ShadowDepth="0" />
  23:                         </Image.Effect>
  24:                     </Image>
  25:
  26:                     <StackPanel Grid.Row="1" Margin="0" Orientation="Vertical" d:LayoutOverrides="Height" >
  27:                         <StackPanel Orientation="Horizontal" Margin="0,10,0,0">
  28:                             <Image x:Name="icon" Source="/SLQueryTest;component/Assets/ok.png" Width="32" Height="32" VerticalAlignment="Top"/>
  29:                             <TextBlock x:Name="txtMsg" Foreground="#333" Height="50" Width="290" TextWrapping="Wrap" HorizontalAlignment="Center" VerticalAlignment="Center" Margin="10,5,0,0"/>
  30:                         </StackPanel>
  31:
  32:                         <Border BorderThickness="0,1,0,0" BorderBrush="#DADADA" Height="1" Margin="0,5"/>
  33:                         <StackPanel Orientation="Horizontal" HorizontalAlignment="Center" Margin="0,5,0,0" VerticalAlignment="Top" >
  34:                             <Button x:Name="btnOK" Content="OK" Click="btnOK_Click" Style="{StaticResource BlueButton}"/>
  35:                             <Button x:Name="btnCancel" Content="No" Click="btnCancel_Click" Margin="10,0,0,0" Style="{StaticResource BlueButton}"/>
  36:                         </StackPanel>
  37:                     </StackPanel>
  38:                 </Grid>
  39:             </Border>
  40:         </Grid>
  41:
  42:         <Border Background="White" Opacity="0.5" Canvas.ZIndex="1"
  43:                 CornerRadius="6" BorderThickness="0" Width="380" Height="160"/>
  44:
  45:     </Grid>
  46: </UserControl>

自定义Messagebox的代码（xaml）

1: using System;
   2: using System.Windows;
   3: using System.Windows.Controls;
   4: using System.Windows.Input;
   5: using System.Windows.Media.Imaging;
   6:
   7: namespace SLQueryTest
   8: {
   9:     public enum MessageBoxExecutionResults
  10:     {
  11:         Success, Fail
  12:     }
  13:     public enum MessageBoxButtons
  14:     {
  15:         Ok, YesNo, OkCancel
  16:     }
  17:
  18:     public enum MessageBoxResults
  19:     {
  20:         Yes, No, Ok, Cancel, None
  21:     }
  22:
  23:     public partial class MessageboxExt : UserControl
  24:     {
  25:         public MessageboxExt()
  26:         {
  27:             InitializeComponent();
  28:             Result = MessageBoxResults.None;
  29:         }
  30:
  31:         private Action<MessageBoxResults> _dialogResultCallback;
  32:
  33:         public void Show(string text, MessageBoxExecutionResults resultType)
  34:         {
  35:             _dialogResultCallback = null;
  36:             Result = MessageBoxResults.None;
  37:
  38:             switch (resultType)
  39:             {
  40:                 case MessageBoxExecutionResults.Success:
  41:                     icon.Source =
  42:                         new BitmapImage(new Uri("/SLQueryTest;component/Assets/ok.png", UriKind.RelativeOrAbsolute));
  43:                     break;
  44:                 case MessageBoxExecutionResults.Fail:
  45:                     icon.Source =
  46:                         new BitmapImage(new Uri("/SLQueryTest;component/Assets/warning.png", UriKind.RelativeOrAbsolute));
  47:                     break;
  48:                 default:
  49:                     break;
  50:             }
  51:             btnCancel.Visibility = Visibility.Collapsed;
  52:             btnOK.Visibility = Visibility.Visible;
  53:             btnOK.Content = "OK";
  54:             txtMsg.Text = text;
  55:
  56:             Visibility = Visibility.Visible;
  57:         }
  58:
  59:         private MessageBoxResults _result;
  60:         public MessageBoxResults Result
  61:         {
  62:             get { return _result; }
  63:             set
  64:             {
  65:                 _result = value;
  66:                 if (_dialogResultCallback != null)
  67:                     _dialogResultCallback(_result);
  68:             }
  69:         }
  70:
  71:         public void ShowPrompt(MessageBoxButtons style, string promptText, Action<MessageBoxResults> dialogResultCallback)
  72:         {
  73:             Result = MessageBoxResults.None;
  74:             switch (style)
  75:             {
  76:                 case MessageBoxButtons.OkCancel:
  77:                     icon.Source =
  78:                         new BitmapImage(new Uri("/SLQueryTest;component/Assets/question.png", UriKind.RelativeOrAbsolute));
  79:                     btnCancel.Content = "Cancel";
  80:                     btnCancel.Visibility = Visibility.Visible;
  81:                     btnOK.Content = "OK";
  82:                     btnOK.Visibility = Visibility.Visible;
  83:                     break;
  84:                 case MessageBoxButtons.YesNo:
  85:                     icon.Source =
  86:                         new BitmapImage(new Uri("/SLQueryTest;component/Assets/question.png", UriKind.RelativeOrAbsolute));
  87:                     btnCancel.Content = "No";
  88:                     btnCancel.Visibility = Visibility.Visible;
  89:                     btnOK.Content = "Yes";
  90:                     btnOK.Visibility = Visibility.Visible;
  91:                     break;
  92:                 default:
  93:                     break;
  94:             }
  95:             txtMsg.Text = promptText;
  96:             _dialogResultCallback = dialogResultCallback;
  97:             Visibility = Visibility.Visible;
  98:         }
  99:
100:         public void Hide()
101:         {
102:             Visibility = Visibility.Collapsed;
103:         }
104:
105:         private void Image_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
106:         {
107:             Hide();
108:         }
109:
110:         private void btnOK_Click(object sender, RoutedEventArgs e)
111:         {
112:             Result = MessageBoxResults.Yes;
113:             Hide();
114:         }
115:
116:         private void btnCancel_Click(object sender, RoutedEventArgs e)
117:         {
118:             Result = MessageBoxResults.Cancel;
119:             Hide();
120:         }
121:     }

122: }

调用方法见上面的截图。但这不是MVVM模式兼容的。也就是说，如果你想在ViewModel中调用MessageBox，那么以上是不够的。下文讲如何用MVVM实现自定义MessageBox。

原文出处： http://www.cnblogs.com/Mainz/archive/2011/10/06/2200199.html#

本文链接

Silverlight 4 右键菜单项简单实现

2011-10-08T01:12:00Z

参考了许多文章，觉得写得挺好，但是总是不能简化说明。
比如右键菜单，我们最关心的是如何屏蔽掉默认的菜单，
如何在右击某个控件的时候显示对应的右键菜单。
如何构造生成右键菜单，如何响应右键菜单的事件。
这些问题寥寥几句代码就能说明问题了，但是高手都没有直说。
当然这些文章包含了许多其他的知识点，值得以后参考。

如图：

以下是我的简单实现：

参考：
风云的银光志Silverlight4.0教程之使用鼠标右键事件和滚轮事件
 Silverlight4给DataGrid添加ContextMenu右键菜单

本文链接

博客园_人生苦短

让背景图片一直不动

关于一些Silverlight中常用的尺寸，慢慢记录

自定义ChildWindow，完美实现同时弹出多个自定义的窗口

关于图片蒙板的使用方法

两种方法设置图形元素的RenderTransform属性

Silverlight中实现人物的A Star寻径

silverlight 自定义 鼠标 双击事件

WPF/Silverlight QQ交流群：137377438

[Silverlight入门系列]不用ChildWindow的自定义MessageBox及其MVVM实现(1)

Silverlight 4 右键菜单项简单实现

silverlight 自定义鼠标双击事件