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

简介: 原文:零元学Expression Blend 4 – Chapter 43 如何指定Childwindow PopUp位置 有网友询问我有关Childwindow是否能指定弹出位置? 其实只...
原文: 零元学Expression Blend 4 – Chapter 43 如何指定Childwindow PopUp位置

有网友询问我有关Childwindow是否能指定弹出位置?
其实只要透过小小的调整就可以达成指定位置的设定噜!

?

?

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

(发问原文)

?

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

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

?

01

Projects下,找到当初Childwindow.Xmal

image

?

点击後开启

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

HorizontalAlignment以及VerticalAlignment都是设定为置中

image

?

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

image

?

02

若要自订PopUp的位置

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

?

试试调整HozontalAlignment->靠右对齐,并且设定Margin Right5

image

?

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

image

?

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的距离

image

?

?

?

?

?

?

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

?

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

?

?

?

?

?

?

?

本篇的教学就到此。

?

?

?

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

?

?

?

?

?

?

?

?

?

?

?

一步一步迈向HIE之路

 

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

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

 

 

目录
相关文章
|
前端开发 容器
零元学Expression Blend 4 - Chapter 34 啊~!!我不要毛毛的感觉!-使用布局修整「UseLayoutRounding」
原文:零元学Expression Blend 4 - Chapter 34 啊~!!我不要毛毛的感觉!-使用布局修整「UseLayoutRounding」 本章将介绍UseLayoutRounding,中...
1290 0
|
容器
零元学Expression Blend 4 - Chapter 14 用实例了解布局容器系列-「Pathlistbox」II
原文:零元学Expression Blend 4 - Chapter 14 用实例了解布局容器系列-「Pathlistbox」II 本章将延续上一章的范例,步骤解析。
1325 0
|
容器
零元学Expression Blend 4 - Chapter 13 用实例了解布局容器系列-「Pathlistbox」I
原文:零元学Expression Blend 4 - Chapter 13 用实例了解布局容器系列-「Pathlistbox」I 本系列将教大家以实做案例认识Blend 4 的布局容器,此章介绍的布...
1332 0
零元学Expression Blend 4 - Chapter 29 ListBox与Button结合运用的简单功能
原文:零元学Expression Blend 4 - Chapter 29 ListBox与Button结合运用的简单功能 本章所讲的是运用ListBox、TextBox与Button,做出简单的列表新增...
1255 0
零元学Expression Blend 4 - Chapter 31 看如何简单的把SampleData 绑进ListBox里
原文:零元学Expression Blend 4 - Chapter 31 看如何简单的把SampleData 绑进ListBox里 前面几章连续讲到ListBox的运用,本章要讲得是如何简单的把Samp...
1258 0
|
Web App开发 容器
零元学Expression Blend 4 - Chapter 8 用实例了解布局容器系列-「Grid」
原文:零元学Expression Blend 4 - Chapter 8 用实例了解布局容器系列-「Grid」 本系列将教大家以实做案例认识Blend 4 的布局容器,此章介绍的是Blend 4 里的布局容器大哥-「Grid」。
1369 0
|
容器 前端开发
零元学Expression Blend 4 - Chapter 12 用实例了解布局容器系列-「Viewbox」
原文:零元学Expression Blend 4 - Chapter 12 用实例了解布局容器系列-「Viewbox」 本系列将教大家以实做案例认识Blend 4 的布局容器,此章介绍的布局容器是Blend 4 里的-「Viewbox」; 以及加码赠送安装扩充元件-「Silverlight Toolkit」。
1626 0
|
容器
零元学Expression Blend 4 - Chapter 45 ListBox里的物件不能换行吗?
原文:零元学Expression Blend 4 - Chapter 45 ListBox里的物件不能换行吗? ListBox里的排列不是垂直就是水平,觉得这样的排列很枯燥乏味吗? 想要它变聪明吗? ...
1354 0
|
Web App开发 前端开发 容器
零元学Expression Blend 4 - Chapter 9 用实例了解布局容器系列-「Canvas」
原文:零元学Expression Blend 4 - Chapter 9 用实例了解布局容器系列-「Canvas」 本系列将教大家以实做案例认识Blend 4 的布局容器,此章介绍的布局容器是Blend 4 里被我称为忠於原味的傻大姊-「Canvas」。
1276 0
|
容器
零元学Expression Blend 4 - Chapter 11 用实例了解布局容器系列-「Border」
原文:零元学Expression Blend 4 - Chapter 11 用实例了解布局容器系列-「Border」 将教大家以实做案例认识Blend 4 的布局容器,此章介绍的布局容器是Blend 4 里的专情王子-「Border」。
1289 0

热门文章

最新文章