Silverlight学习笔记第一季(2)Listbox横向绑定数据

概述 最终的效果图 寻找最终的过程 通常我们可以这样使用listbox < ListBox x:Name ="LB1" > < ListBox.ItemTemplate >

 最终的效果图

寻找最终的过程

通常我们可以这样使用ListBox

                       <        ListBox         x:name        ="LB1"        >        
        ListBox.ItemTemplate        DataTemplate        StackPanel         WIDth        ="50"        TextBlock         Text        ="        {Binding name}        "        ></        TextBlock        </        StackPanel        ListBox        >      

我想的办法：

1 指定模板的排列方式   OrIEntation="Horizontal"

但是不能直接在页面上指定，为什么呢？因为无法直接给 DataTemplate 指定 样式。

失败!

2 动态添加到stackpanel

TextBlock textBlock = new TextBlock();
textBlock.Text " 测试数据 " ;
StackPanel stackPanel StackPanel();
stackPanel.Children.Add(textBlock);
grID1.Children.Add(textBlock);
grID1.Children.Add(stackPanel);

因为这种方法前后台并不分离，在做web开发这种方式是本人极力避免的。。。虽然可以，但是必须想其他办法。

不好用

3 很无赖的办法。旋转ListBox

这个其实很郁闷的，我是通过把第二项右移一个项宽度，上移一个项高度实现的 “伪横向”。

但是第N项得移动N*常数 的长度。太丑了。。。

纯属恶搞的做法，还是不行。

 

4  重写一个控件来显示。

找到了以下资料

Silverlight控件开发 http://www.cnblogs.com/yingql/category/236862.html 还有一篇是一篇MSDN的杂志里面的一篇开发的。但是后来链接弄丢了。。。 如果你知道的话，麻烦告知。 就是在那篇文章里面，讲了开发一个 控件可以给定默认的 样式。 我发现这样是可行的。 于是在MSDN里面的 找到

     System.Windows.Controls.Control
          System.Windows.Controls.ItemsControl
            System.Windows.Controls.Primitives.Selector
              System.windows.Controls.ListBox

然后跑去 ItemsControl 里，准备继承他然后实现。

就在这个时候，悲剧发生了。。。。

答案已经在MS的示例里面了。

http://samples.msdn.microsoft.com/Silverlight/SampleBrowser/index.htm#/?sref=System.Windows.Controls.ListBoxEx

XAML代码

正点解方法一

< Style x:Key ="horizontallistBoxStyle" targettype ="ListBox" >   　　　　　　　　　　　　　　　　<!--容器模板-->
Setter Property ="ItemsPanel" >
Setter.Value ItemsPanelTemplate StackPanel OrIEntation ="Horizontal"<!--横向-->
VerticalAlignment ="Center"
HorizontalAlignment ="Center" /> </ Setter 　　　　　　　　　　　　　　　　　　<!-- item模板 -->
="ItemTemplate" DataTemplate 　　　　　　　　　　　　　　　　　　　　<!-- 这里设置自己定义的控件和显示-->
="Horizontal" >   　　　　　　　　　　　　　　 TextBlock padding ="5,5,0"
Text =" {Binding Firstname} " Text {Binding Lastname} StackPanel Style >

效果图：

原来可以覆盖他默认的样式。

正点解方法二

还有另外一种方式，控件中指定

ItemsControl.ItemsPanel >

我相信应该有很多人知道横向绑定数据这个问题，也许是因为太简单了。。。

但是我查了网上也没有，问了群里的人但是似乎没描述好。

反正是也没得到答案，于是把整个寻找答案的过程记录了下来，也分享给我这种初学者。

对于这种问题，首先我们得知道他是一个样式绑定的问题，其次我们得想办法改变它的样式(方法一和最终)

不行的话想想其他方法的实现，（方法2）。还是不行的话可以试试 邪门的办法(Hack)(方法3)。

因为我的对控件的知识没掌握好，不知道ListBox 是由 itempanel 做容器。

要更改itempanel中的控件排列形式，肯定不能在ItemTemplate 那里指定。

因为他只是用来指定重复的内容，一定要去他的ItemsPanel 指定他的容器。

希望对Silverlight的初学者有所帮助。

另外希望路过的牛人介绍一下如何系统的学习。

解决一下我这样学，不知道相对底一点的东西，遇到书上没有现成解决方案就困窘的这种状况。

总结

以上是内存溢出为你收集整理的Silverlight学习笔记第一季(2)Listbox横向绑定数据全部内容，希望文章能够帮你解决Silverlight学习笔记第一季(2)Listbox横向绑定数据所遇到的程序开发问题。

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