原文:零元学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之路

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

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

 

零元学Expression Blend 4 – Chapter 43 如何指定Childwindow PopUp位置的更多相关文章

  1. 零元学Expression Blend 4 – Chapter 21 以实作案例学习MouseDragElementBehavior

    原文:零元学Expression Blend 4 – Chapter 21 以实作案例学习MouseDragElementBehavior 本章将教大家如何运用Blend 4内建的行为注入元件「Mou ...

  2. 零元学Expression Blend 4 – Chapter 20 以实作案例学习Childwindow

    原文:零元学Expression Blend 4 – Chapter 20 以实作案例学习Childwindow 本章将教大家如何运用Blend 4内建的假视窗原件-「ChildWindow」 Chi ...

  3. 零元学Expression Blend 4 - Chapter 46 三分钟快速充电-设定Margin的小撇步

    原文:零元学Expression Blend 4 - Chapter 46 三分钟快速充电-设定Margin的小撇步 如果需要经常的使用某一项工具,总会希望能够更快速的使用各项设定达到效果 今天要介绍 ...

  4. 零元学Expression Blend 4 - Chapter 47 超简单!运用StackPanel配合OpacityMask做出倒影效果

    原文:零元学Expression Blend 4 - Chapter 47 超简单!运用StackPanel配合OpacityMask做出倒影效果 有网友问我如何在Blend内制作出倒影效果 我提供了 ...

  5. 零元学Expression Blend 4 - Chapter 44 Flash做的到的Blend也可以!轻松制作拥有动画的MenuBar!(下)

    原文:零元学Expression Blend 4 - Chapter 44 Flash做的到的Blend也可以!轻松制作拥有动画的MenuBar!(下) 抱歉久等了!!!! 终於到了动画MenuBar ...

  6. 零元学Expression Blend 4 - Chapter 45 ListBox里的物件不能换行吗?

    原文:零元学Expression Blend 4 - Chapter 45 ListBox里的物件不能换行吗? ListBox里的排列不是垂直就是水平,觉得这样的排列很枯燥乏味吗? 想要它变聪明吗? ...

  7. 零元学Expression Blend 4 - Chapter 42 五分钟快速完成扇形变圆形动画

    原文:零元学Expression Blend 4 - Chapter 42 五分钟快速完成扇形变圆形动画 零元学Expression Blend 4 - Chapter 42 五分钟快速完成扇形变圆形 ...

  8. 零元学Expression Blend 4 - Chapter 41 Flash做的到的Blend也可以!轻松制作拥有动画的MenuBar!(中)

    原文:零元学Expression Blend 4 - Chapter 41 Flash做的到的Blend也可以!轻松制作拥有动画的MenuBar!(中) 我们接着进行动画MenuBar的制作 接续着上 ...

  9. 零元学Expression Blend 4 - Chapter 40 Flash做的到的Blend也可以!轻松制作拥有动画的MenuBar!(上)

    原文:零元学Expression Blend 4 - Chapter 40 Flash做的到的Blend也可以!轻松制作拥有动画的MenuBar!(上) 一直以来都有人拿Flash的动画问我Blend ...

随机推荐

  1. c++11之初始化列表

    一.前言     C++的学习中.我想每一个人都被变量定义和申明折磨过,比方我在大学笔试过的几家公司.都考察了const和变量,类型的不同排列组合,让你差别有啥不同.反正在学习C++过程中已经被折磨惯 ...

  2. [React Router v4] Use URL Parameters

    URLs can be looked at as the gateway to our data, and carry a lot of information that we want to use ...

  3. Color the ball(杭电1556)

    Color the ball Time Limit : 9000/3000ms (Java/Other)   Memory Limit : 32768/32768K (Java/Other) Tota ...

  4. svn: is already a working copy for a different url 解决办法

    svnX    svn: E155000: '/Users/mac/Desktop/SHiosProject/SVNmangerfiles/wuye'   is already a working c ...

  5. struts2_11_实现自己的拦截器的定义

    1)登录界面代码: <% //设置session的值keyword为user request.getSession().setAttribute("user", " ...

  6. 【33.33%】【codeforces 681D】Gifts by the List

    time limit per test1 second memory limit per test256 megabytes inputstandard input outputstandard ou ...

  7. FileReader的编码问题

    有一个UTF-8编码的文本文件,用FileReader读取到一个字符串,然后转换字符集:str=new String(str.getBytes(),"UTF-8");结果大部分中文 ...

  8. WinFrom - 打开一个窗体关闭另一个窗体

    在写Winform程序的时候,经常会遇到“打开一个新的窗体然后关闭本窗体”之类的问题.最常见的就是登陆界面和主窗体了.而最常见的处理方法就是表单判断正确后 new MainForm().Show(); ...

  9. CAP和最终一致性

    查阅资料整理了最终一致性.CAP 相关的内容.由于图省事儿,没有做文字的整理记载,只有 slides 和一些查阅过的链接,大家将就着看.欢迎指正. slides: slides 链接:请戳这里 背景 ...

  10. visio(2013)绘图工具的使用

    1. 链接线 ⇒ 直线 visio2010中如何使画出来的连接线为直线 [设计面板] ⇒ 在最右端将[链接线]设置为直线: 2. 连接线交叉而不产生交叉桥(弯曲) visio2013画图时两条直线交叉 ...