- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我有一个 Canvas ,其中包含几个不同的形状,这些形状都是静态的,并且绑定(bind)到 View 模型(MVVM)中的不同属性。截至目前, Canvas 定义如下(简化):
<Canvas>
<Polygon Fill="Red" Stroke="Gray" StrokeThickness="3" Points="{Binding StorageVertices}" />
<Ellipse Fill="Blue" Width="{Binding NodeWidth}" Height="{Binding NodeHeight}" />
<!-- And some more static shapes -->
<!-- ... -->
</Canvas>
对于这个 Canvas ,我想添加一个动态列表,其中每个条目都转换为多边形。我认为最好的方法是 ItemsControl
。这是我在方法中使用的方法,但仅显示集合(列表)中的第一项。
<Canvas>
<!-- ... -->
<!-- Same canvas as earlier with the addition of the ItemsControl -->
<ItemsControl ItemsSource="{Binding Offices, Mode=OneWay, Converter={...}}">
<ItemsControl.ItemTemplate>
<DataTemplate>
<Polygon Fill="AliceBlue" Stroke="Gray" StrokeThickness="1" Points="{Binding Points}" />
</DataTemplate>
</ItemsControl.ItemTemplate>
</ItemsControl>
</Canvas>
使用此代码,仅显示 Offices
集合中的第一项。怎么会?如果我查看视觉树,所有多边形都在其中。我对 WPF 非常陌生,所以我只能猜测,但我的第一个想法是默认将 StackPanel
作为 ItemPresenter
在这种情况下可能不合适,但是我只能猜测...
最佳答案
嗯,这里有几点需要注意。首先,在使用 Canvas
时面板中,面板中的每个项目都将放置在左上角,除非指定了相对位置。下面是一个包含元素的 Canvas
示例,一个放置在顶部附近(向下 40 像素,向右 40 像素),另一个放置在底部(从右边缘向左 100 像素) ):
<Canvas>
<Polygon Canvas.Left="40" Canvas.Top="40" ... />
<Ellipse Canvas.Right="100" Canvas.Bottom="0" ... />
</Canvas>
<小时/>
现在,请记住 Canvas
是 Panel
的一种类型。 。它的主要目的不是成为某种列表,而是定义如何一个或多个控件呈现。如果您希望实际呈现控件的集合/列表(枚举),那么您应该使用 ItemsControl
类型。从那里,您可以指定 ItemsSource
并自定义 ItemsPanel
(以及可能需要的 ItemTemplate
)。
其次,这个问题经常出现,“如何将静态元素添加到数据绑定(bind)的 ItemsSource
中?”,答案是使用CompositeCollection
,以及随后的 CollectionContainer
。在您的情况下,您有两 (2) 个静态项目(以及更多)希望添加到您的 Offices 集合中。我猜测这些“静态形状”实际上是平面图图像的替代品。
如果您想绘制平面图,下面是 XAML 的示例:
<ItemsControl>
<ItemsControl.Resources>
<CollectionViewSource x:Key="cvs" Source="{Binding Floors}" />
</ItemsControl.Resources>
<ItemsControl.ItemsSource>
<CompositeCollection>
<CollectionContainer Collection="{Binding Source={StaticResource cvs}" />
<!-- Static Items -->
</CompositeCollection>
</ItemsControl.ItemsSource>
<ItemsControl.ItemsPanel>
<ItemsPanelTemplate>
<Canvas ... />
</ItemsPanelTemplate>
</ItemsControl.ItemsPanel>
</ItemsControl>
我不确定 Floor
集合中的每个对象是什么,但它们根本不应该是任何类型的形状。它们应该是一个简单地说明有关办公室位置、颜色等信息的对象。这是我猜测的一个示例,因为您没有提供项目集合的组成内容:
// This can (and should) implement INotifyPropertyChanged
public class OfficeViewModel
{
public string EmployeeName { get; private set; }
public ReadOnlyObservableCollection<Point> Points { get; private set; }
...
}
public class Point
{
public double X { get; set; }
public double Y { get; set; }
}
从这里,您将使用 DataTemplate
将对象(模型/ View 模型)转换为 View 上应有的样子:
<ItemsControl>
<ItemsControl.ItemTemplate>
<DataTemplate>
<Polygon Points="{Binding Points}" Color="AliceBlue" ... />
<DataTemplate>
</ItemsControl.ItemTemplate>
</ItemsControl>
当然,如果您希望对您的集合 Offices
中的每个项目有多种表示形式,那么您必须利用 DataTemplateSelector
(将设置为 ItemsControl.ItemTemplateSelector
属性)从一组 DataTemplate
中进行选择。这是一个很好的答案/引用:https://stackoverflow.com/a/17558178/347172
最后,最后一点……保持所有内容都按比例缩放,并将您的点保持为 double
类型。就我个人而言,我总是使用 0-1 或 0-100 的范围。只要您的所有点和静态项目都在该范围内,您就可以将 ItemsControl
拉伸(stretch)到任何高度/宽度,并且内部的所有内容也会很好地调整和匹配。
更新:已经有一段时间了,我忘记了 CompositeCollection
类不是 FrameworkElement
的类型,所以它不有一个数据上下文。如果您想要对某个集合进行数据绑定(bind),则必须指定对具有所需 DataContext 的 FrameworkElement
的引用:
<CollectionContainer Collection="{Binding DataContext.Offices, Source={x:Reference someControl}}"/>
更新 2: 在网上挖掘了一段时间后,我找到了一种更好的方法来允许数据绑定(bind)与 CompositeCollection
一起使用,上面的答案部分已更新以说明这是通过使用CollectionViewSource
创建绑定(bind)到集合的资源来实现的。这比使用x:Reference
要好得多。希望有帮助。
关于c# - ItemsControl 和 Canvas - 只有第一个项目可见,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17570440/
#include using namespace std; class C{ private: int value; public: C(){ value = 0;
这个问题已经有答案了: What is the difference between char a[] = ?string?; and char *p = ?string?;? (8 个回答) 已关闭
关闭。此题需要details or clarity 。目前不接受答案。 想要改进这个问题吗?通过 editing this post 添加详细信息并澄清问题. 已关闭 7 年前。 此帖子已于 8 个月
除了调试之外,是否有任何针对 c、c++ 或 c# 的测试工具,其工作原理类似于将独立函数复制粘贴到某个文本框,然后在其他文本框中输入参数? 最佳答案 也许您会考虑单元测试。我推荐你谷歌测试和谷歌模拟
我想在第二台显示器中移动一个窗口 (HWND)。问题是我尝试了很多方法,例如将分辨率加倍或输入负值,但它永远无法将窗口放在我的第二台显示器上。 关于如何在 C/C++/c# 中执行此操作的任何线索 最
我正在寻找 C/C++/C## 中不同类型 DES 的现有实现。我的运行平台是Windows XP/Vista/7。 我正在尝试编写一个 C# 程序,它将使用 DES 算法进行加密和解密。我需要一些实
很难说出这里要问什么。这个问题模棱两可、含糊不清、不完整、过于宽泛或夸夸其谈,无法以目前的形式得到合理的回答。如需帮助澄清此问题以便重新打开,visit the help center . 关闭 1
有没有办法强制将另一个 窗口置于顶部? 不是应用程序的窗口,而是另一个已经在系统上运行的窗口。 (Windows, C/C++/C#) 最佳答案 SetWindowPos(that_window_ha
假设您可以在 C/C++ 或 Csharp 之间做出选择,并且您打算在 Windows 和 Linux 服务器上运行同一服务器的多个实例,那么构建套接字服务器应用程序的最明智选择是什么? 最佳答案 如
你们能告诉我它们之间的区别吗? 顺便问一下,有什么叫C++库或C库的吗? 最佳答案 C++ 标准库 和 C 标准库 是 C++ 和 C 标准定义的库,提供给 C++ 和 C 程序使用。那是那些词的共同
下面的测试代码,我将输出信息放在注释中。我使用的是 gcc 4.8.5 和 Centos 7.2。 #include #include class C { public:
很难说出这里问的是什么。这个问题是含糊的、模糊的、不完整的、过于宽泛的或修辞性的,无法以目前的形式得到合理的回答。如需帮助澄清此问题以便重新打开它,visit the help center 。 已关
我的客户将使用名为 annoucement 的结构/类与客户通信。我想我会用 C++ 编写服务器。会有很多不同的类继承annoucement。我的问题是通过网络将这些类发送给客户端 我想也许我应该使用
我在 C# 中有以下函数: public Matrix ConcatDescriptors(IList> descriptors) { int cols = descriptors[0].Co
我有一个项目要编写一个函数来对某些数据执行某些操作。我可以用 C/C++ 编写代码,但我不想与雇主共享该函数的代码。相反,我只想让他有权在他自己的代码中调用该函数。是否可以?我想到了这两种方法 - 在
我使用的是编写糟糕的第 3 方 (C/C++) Api。我从托管代码(C++/CLI)中使用它。有时会出现“访问冲突错误”。这使整个应用程序崩溃。我知道我无法处理这些错误[如果指针访问非法内存位置等,
关闭。这个问题不符合Stack Overflow guidelines .它目前不接受答案。 我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题,以便用事实和引用来回答。 关闭 7 年前。
已关闭。此问题不符合Stack Overflow guidelines 。目前不接受答案。 要求我们推荐或查找工具、库或最喜欢的场外资源的问题对于 Stack Overflow 来说是偏离主题的,因为
我有一些 C 代码,将使用 P/Invoke 从 C# 调用。我正在尝试为这个 C 函数定义一个 C# 等效项。 SomeData* DoSomething(); struct SomeData {
这个问题已经有答案了: Why are these constructs using pre and post-increment undefined behavior? (14 个回答) 已关闭 6
我是一名优秀的程序员,十分优秀!