现在的位置: 首页 > 综合 > 正文

绝对定位下的控件动态添加操作

2012年02月26日 ⁄ 综合 ⁄ 共 2314字 ⁄ 字号 评论关闭
【转】本人刚接触Silverlight不久,功力尚浅,有不足之处还请各位大牛指正。

读过Scott Guthrie大神的Silverlight Layout Management之后,我也对Silverlight的布局管理有了一定的了解,个人以为无论是Canvas、StackPanel还是Grid,当我们只把它们当作容器,并在XAML中赋予其x:Name之后,都可以通过代码来动态添加控件并且进行定位。

Canvas是最简单的,我们可以在一个通过模板新建的Silverlight工程中,把它的Page.xaml改成如下的样子:

<UserControl x:Class="Test.Page"
    xmlns
="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x
="http://schemas.microsoft.com/winfx/2006/xaml" 
    Width
="800" Height="600">
    
<Canvas x:Name="LayoutRoot" Background="White" MouseLeftButtonDown="LayoutRoot_MouseLeftButtonDown">
       
    
</Canvas>
</UserControl>

然后在Page.xaml.cs中加入如下代码:

static int i = 0;
        
static int j = 0;
        
static bool canAdd = true;
        
private void LayoutRoot_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
        
{
            
if (canAdd)
            
{
                Button button 
= new Button();
                button.Width 
= 70;
                button.Height 
= 30;
                button.Content 
= "Button"+(j*8+i).ToString();
                TranslateTransform myTranslateTransform 
= new TranslateTransform();
                myTranslateTransform.X 
= i * 100;
                myTranslateTransform.Y 
= j * 50;
                button.RenderTransform 
= myTranslateTransform;
                
this.LayoutRoot.Children.Add(button);
                
if ((i+1* 100 < 800
                    i
++;
                
else
                
{
                    j
++;
                    i 
= 0;
                }

                
if (j * 50 >= 600)
                    canAdd 
= false;
            }

        }

运行之,可以看到效果如下图。我们每点击一次橄榄色的区域,就会多出来一个Button,并且排列好了,而这种排列是基于相对于容器的绝对定位进行平移后的结果。目标位置,可以通过改变上述代码中的 myTranslateTransform.X myTranslateTransform.Y来实现。

同样,Grid与StackPanel也是一样的,只不过如果我们加入一个控件,这两者默认从居中的位置添加子控件(Canvas是从左上角),因此我们若想用这两个Layout的话,还要多做一些工作,其实也就是做一下坐标变换而已,是非常简单的数学操作,我就不在这里多费口舌了。

其实对于Canvas的绝对定位,如果写在xaml中,会非常容易,因为所有在<Canvas></Canvas>中的控件都可以继承Canvas.Top与Canvas.Left属性,这样进行定位会很方便。但是有一些需要动态添加进去的控件,即使我们已经在xaml中声明并且赋予它x:Name(将它的Visibility属性设为Collapsed),但是编译器不知道我们把它声明在Canvas容器内,于是就无法通过代码对Canvas.Top和Canvas.Left进行赋值,于是就无法定位了。

这篇文章里介绍的定位方法有很多投机取巧的成分,不过还算好使。我们甚至可以通过RegisterName方法,为动态添加进去的控件注册x:Name以方便将来改变它的行为和属性等等。

注:本文中提到的控件,指的是一切继承自UIElement虚类的子类所生成的实例,并非必须是传统意义上的那些类似于Button的控件。

---------------------------------------------------------------
缥缈落花街 月圆月缺 望峦山平川 雁返君未还 怆然晚春残 忆天上人间

抱歉!评论已关闭.