求助如何使用WPF控件自适应宽度

2012-03-07 09:49:22 898 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

戒烟客墨衍会员 · AI 创作全网分发关注 + 加入社区

【上位机——WPF】布局控件【上位机——WPF】布局控件阅读详情

想实现如WIN7下的任务栏效果，截图：

当只有一两个控件时：

当出现很多控件时自动调整宽度如下图：

...全文

【WPF】WPF 常用控件一、WPF的概述 1.1 WPF 简介 WPF （全称：Windows Presentation Foundation）的核⼼是⼀个与分辨率⽆关且基于⽮量的呈现引擎，旨在充分利⽤现代图形硬件。 WPF 通过⼀套完善的应⽤程序开发功能对该核⼼进⾏了扩展，这些功能包括可扩展应⽤程序标记语⾔ (XAML)、控件、数据绑定、布局、⼆维和三维图形、动画、样式、模板、⽂档、媒体、⽂本和版式。 WPF 属于 .NET，因此可以⽣成整合 .NET API 其他元素的应⽤程序。 1.2 WPF 特点呈现效果阅读详情

戒烟客

C# 111,129 成员 642,538 内容

+ 关注 + 加入社区

切换为时间正序

nonocast 2012-03-09

打赏
举报

恩，用Grid就OK了，我想多了

戒烟客 2012-03-09

打赏
举报

[Quote=引用 8 楼 kongxh_1981 的回复:]

根本就不需要计算那么麻烦.
放一个grid,然后,有一个元素就增加一列,设置列的最大宽度为你要的数值,然后再设置列宽为*.
这样的话，你的列加的越多，那么每一列酒会压缩的越窄，列越少，则每一列都不会超过最大宽度。
C# code

<Grid Width="200" ShowGridLines="True">
<Grid.ColumnDefinitions>
……
[/Quote]

非常感谢！！！

nonocast 2012-03-08

打赏
举报

恩，自己写Layout，override measure/arrange

白色的海 2012-03-08

打赏
举报

根本就不需要计算那么麻烦.
放一个grid,然后,有一个元素就增加一列,设置列的最大宽度为你要的数值,然后再设置列宽为*.
这样的话，你的列加的越多，那么每一列酒会压缩的越窄，列越少，则每一列都不会超过最大宽度。



<Grid Width="200" ShowGridLines="True">

        <Grid.ColumnDefinitions>

            <ColumnDefinition MaxWidth="50" Width="*"/>

            <ColumnDefinition MaxWidth="50" Width="*"/>

            <ColumnDefinition MaxWidth="50" Width="*"/>

            <ColumnDefinition MaxWidth="50" Width="*"/>

            <ColumnDefinition MaxWidth="50" Width="*"/>

            <ColumnDefinition MaxWidth="50" Width="*"/>

            <ColumnDefinition MaxWidth="50" Width="*"/>

        </Grid.ColumnDefinitions>

        <Label Grid.Column="0">aaaaaaaaaaaaaa</Label>

        <Label Grid.Column="1">bbbbbbbbbbbb</Label>

        <Label Grid.Column="2">cccccccccccccc</Label>

        <Label Grid.Column="3">dddddddddddddd</Label>

        <Label Grid.Column="4">eeeeeeeeeeeeee</Label>

        <Label Grid.Column="5">fffffffffffffff</Label>

        <Label Grid.Column="6">ggggggggggggggg</Label>

    </Grid>

上面的代码是效果，真实去作的话，还是要写代码的，但是利用grid的特性，就不需要再计算了，
你只管管理元素的增减，以及显示效果了。

戒烟客 2012-03-08

打赏
举报

[Quote=引用 6 楼 nonocast 的回复:]

写反了，如果控件需要的Width大于Panel则均分，否则按期望尺寸显示...
[/Quote]
您的代码可以实现我的功能，但是能不能通过 WPF 也就是XAML代码完成这个效果呢？

nonocast 2012-03-08

打赏
举报

写反了，如果控件需要的Width大于Panel则均分，否则按期望尺寸显示...

nonocast 2012-03-08

打赏
举报

大概写了一下，如果比Panel尺寸大则正常显示，否则根据数量均分



public class SampleLayout : Panel {

	public SampleLayout() {

		this.Background = Brushes.Yellow;

	}



	protected override Size MeasureOverride(Size availableSize) {

		double height = 0.0;

		foreach (UIElement each in InternalChildren) {

			each.Measure(availableSize);

			height = Math.Max(height, each.DesiredSize.Height);

		}

		return new Size(availableSize.Width, height);

	}



	protected override Size ArrangeOverride(Size finalSize) {

		var desiredWidth = InternalChildren.Cast<UIElement>().Sum(p => p.DesiredSize.Width);

		if (desiredWidth <= finalSize.Width) {

			var nextChildLeft = 0.0;

			foreach (UIElement each in InternalChildren) {

				each.Arrange(new Rect(new Point(nextChildLeft, 0), each.DesiredSize));

				nextChildLeft += each.DesiredSize.Width;

			}

		} else {

			var nextChildLeft = 0.0;

			var avaWidth = finalSize.Width / InternalChildren.Count;

			foreach (UIElement each in InternalChildren) {

				each.Arrange(new Rect(new Point(nextChildLeft, 0), new Size(avaWidth, each.DesiredSize.Height)));

					

				nextChildLeft += avaWidth;

			}

		}

		return finalSize;

	}

}

DENQH 2012-03-07

打赏
举报

WPF在任务栏属性里设置

戒烟客 2012-03-07

打赏
举报

我想在我的软件里面实现

mizuho_2006 2012-03-07

打赏
举报

WPF在任务栏里不是自适应宽度的吗

求助如何使用WPF控件自适应宽度

相关推荐