Silverlight 布局

Silverlight 布局,第1张

概述原帖:http://www.cnblogs.com/shuhari/archive/2009/09/30/custom_silverlight_layout.html   Canvas:只支持绝对坐标布局使得Canvas在应用程序布局方面纯粹是个鸡肋,要求稍微灵活一点的界面就派不上用场了。Flex也有一个Canvas,不过Flex Canvas支持左/中/右对齐,并且可以指定绝对宽度或相对宽度,所

原帖:http://www.cnblogs.com/shuhari/archive/2009/09/30/custom_silverlight_layout.html

 

Canvas:只支持绝对坐标布局使得Canvas在应用程序布局方面纯粹是个鸡肋,要求稍微灵活一点的界面就派不上用场了。Flex也有一个Canvas,不过Flex Canvas支持左/中/右对齐,并且可以指定绝对宽度或相对宽度,所以Flex Canvas比Silverlight Canvas要好用得多,在各种界面布局里也是常见的选择。

 

StackPanel:StackPanel不支持GrID的百分比布局是很大的遗憾。很多时候,我只需要单行或单列布局,但控件则需要绝对/相对混合布局,StackPanel不能提供这种灵活性。这使得我不得不使用语法更加罗嗦的GrID。

 

GrID:如果和GrIDSplitter联合做多面板布局的话,99%的情况下需要关心的无非是左右或上下两个面板,而GrID和GrIDSplitter需要指定一大堆属性才能正常工作,增加了无谓的负担。

 

canvas就像画布吧,stackpanel就像HTML里面的div,grID就像HTML里面的table,开始的时候不是很习惯,因为方法上面有些区别,现在已经习惯了,毕竟grID比table更加直观。这里就只说说grID,布局用得比较多。

 

<GrID>
    
<GrID.ColumnDeFinitions>
        
<ColumnDeFinition WIDth="200" />
        
<ColumnDeFinition WIDth="6" />
        
<ColumnDeFinition WIDth="*" />
    
</GrID.ColumnDeFinitions>
    
<GrID GrID.Row="0" GrID.Column="0">
        
<GrID.RowDeFinitions>
            
<RowDeFinition Height="auto" />
            
<RowDeFinition Height="*" />
        
</GrID.RowDeFinitions>
        
<border>
            
<TextBlock Text="功能导航" />
        
</border>
        
<ctrls:TreeVIEw GrID.Row="1" />
    
</GrID>
    
<ctrls:GrIDSplitter GrID.Column="1" HorizontalAlignment="Center" 
                        VerticalAlignment
="Stretch"
                        WIDth
="6" />
    
<GrID GrID.Column="2">
        
<GrID.RowDeFinitions>
            
<RowDeFinition Height="auto" />
            
<RowDeFinition Height="*" />
        
</GrID.RowDeFinitions>
        
<border>
            
<TextBlock Text="" />
        
</border>
    
</GrID>
</GrID>

 

使用 GrID.ColumnDeFinitions 定义表格,接着在下面,对每个格进行设置, GrID.Row="0" GrID.Column="0"  如果在单元格里面再分,可以再使用gird,思路习惯就好。GrIDSplitter 是分隔符,感觉还是蛮实用的。

@H_513_403@ 总结

以上是内存溢出为你收集整理的Silverlight 布局全部内容,希望文章能够帮你解决Silverlight 布局所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1041058.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-24
下一篇 2022-05-24

发表评论

登录后才能评论

评论列表(0条)

保存