[WP8] ListBox的Item宽度自动填满
Posted petewell
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了[WP8] ListBox的Item宽度自动填满相关的知识，希望对你有一定的参考价值。
摘要:[WP8] ListBox的Item宽度自动填满
[WP8] ListBox的Item宽度自动填满
范例下载
范例程序：点此下载
问题情景
开发WP8应用程序的时候，常常会需要使用ListBox作为容器来呈现各种数据集合。但是在ListBox呈现数据时，ListBox中每个用来呈现数据的Item控件，在默认的状态下，宽度并不会填满整个ListBox。这样的默认模式，会因为Item控件的内容而动态的决定实际宽度，这很容易造成显示时排版不整齐，进而影响整体美观。
-
执行结果
-
程序(.XAML)
-
程序(.CS)
public class TestData public string Name get; set; public partial class MainPage : PhoneApplicationPage // Constructors public MainPage() // Initialize this.InitializeComponent(); // Data var dataList = new List(); dataList.Add(new TestData() Name = "D1" ); dataList.Add(new TestData() Name = "D2222" ); dataList.Add(new TestData() Name = "D33" ); dataList.Add(new TestData() Name = "D444444" ); dataList.Add(new TestData() Name = "D5" ); dataList.Add(new TestData() Name = "D6" ); // Binding this.ListBox001.ItemsSource = dataList;
解决方案
解决方案很简单，只要照着下列范例的XAML内容，将ListBox中Item控件的HorizontalContentAlignment属性重新定义为Stretch，就可以让Item控件的宽度填满整个ListBox。
-
执行结果
-
程序(.XAML)
-
程序(.CS)
public class TestData public string Name get; set; public partial class MainPage : PhoneApplicationPage // Constructors public MainPage() // Initialize this.InitializeComponent(); // Data var dataList = new List(); dataList.Add(new TestData() Name = "D1" ); dataList.Add(new TestData() Name = "D2222" ); dataList.Add(new TestData() Name = "D33" ); dataList.Add(new TestData() Name = "D444444" ); dataList.Add(new TestData() Name = "D5" ); dataList.Add(new TestData() Name = "D6" ); // Binding this.ListBox001.ItemsSource = dataList;
签名档
期许自己
能以更简洁的文字与程序，传达出程序设计背后的精神。
真正做到“以形写神”的境界。
原文:大专栏 [WP8] ListBox的Item宽度自动填满
以上是关于[WP8] ListBox的Item宽度自动填满的主要内容，如果未能解决你的问题，请参考以下文章
如果内容字符串宽度大于 ListBox 宽度，Winforms DotNet ListBox 项目以自动换行？