零元学Expression Blend 4 – Chapter 43 如何指定Childwindow PopUp位置

原文:零元学Expression Blend 4 – Chapter 43 如何指定Childwindow PopUp位置

有网友询问我有关Childwindow是否能指定弹出位置?

其实只要透过小小的调整就可以达成指定位置的设定噜!

?

?

网友Thomas询问我有关Childwindow是否能指定弹出位置?

(发问原文)

?

延续Chapter 20，我们接下去介绍吧!

(Chapter20文末有范例档，可以下载後跟着本篇文章进行)

?

01

从Projects下，找到当初Childwindow的.Xmal档

?

点击後开启

让我们看一下原本Childwindow预设的位置，Childwindow->Properties->Layout

HorizontalAlignment以及VerticalAlignment都是设定为置中

?

按下F5以後，PopUp的位置也是在网页中心

?

02

若要自订PopUp的位置

其实我们调整一下Properties->Layout下的HozontalAlignment、VerticalAlignment或是Margin就可以了

?

试试调整HozontalAlignment->靠右对齐，并且设定Margin Right为5

?

按下F5，PopUp的位置正如我们设定，乖乖的靠右且距离右边5个Pixel

?

03

第二个方法：修改.cs

延续 Step 02 所做的Layout(靠右且距离右边5个Pixel)

?

请到MainPage.Xaml.cs，找到下列这几行

   1: private void Image_MouseLeftButtonDown(object sender, System.Windows.Input.MouseButtonEventArgs e)

   2:         {

   3:             // TODO: Add event handler implementation here.

   4:             ImageChildWindow dlg=new ImageChildWindow();

   5:                 dlg.Show();

   6:         }

?

改为下列这段

?

   1: private void Image_MouseLeftButtonDown(object sender, System.Windows.Input.MouseButtonEventArgs e)

   2:         {

   3:             // TODO: Add event handler implementation here.

   4:             ImageChildWindow dlg=new ImageChildWindow();

   5:             dlg.Margin=new Thickness(0,0,55,0);

   6:             dlg.Show();

   7:         }

?

其中新增的部份如下：

?

dlg.Margin=new Thickness( 0 , 0 , 55 , 0 );

(程式不份在这里我就不多做介绍，想看更多，请参考Ouch@点部落)

?

Thickness後面刮号内的四个数字分别是左、上、右、下的边界设定

另外，如果你不是下载我的范例档来练习，别忘了要把ImageChildWindow改成你自己命名的ChildWndow档名喔!

?

按下F5，你会发现因为沿用了Step02的靠右对齐设定，PopUp的位置依然靠右

但是因为Thickness的设定，所以右多了55的距离

?

?

?

?

?

?

所以只要透过小小的调整就可以达成指定位置的设定噜!

?

以上简单的介绍，希望有为Thomas解答，也帮助其他人。

?

?

?

?

?

?

?

本篇的教学就到此。

?

?

?

(若有任何错误的地方，请各位前辈或同好能不吝指教，小女子都会虚心接受；若是你喜欢我的教学，请给我点鼓励，谢谢。)

?

?

?

?

?

?

?

?

?

?

?

一步一步迈向HIE之路

喜欢我文章请推我一下或给我个回应，你的鼓励会给我无限的动力喔!

若是您有其他问题或是特别需要，请在文章回应处留言，我会尽快回覆您