ListView和Viewbox控件页面布局

<lDataBase:KanbanViewBase
             xmlns:lDataBase="clr-namespace:MES.Plugin.KanBan.LocalData;assembly=Midea.MES.Plugin.KanBan.LocalData"
    x:Class="MES.Plugin.KanBan.Layout.Views.UploadingParking" 
             xmlns:ex="clr-namespace:MES.Plugin.KanBan.Layout.Views.MaterialPushingEx"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
			xmlns:ctl="clr-namespace:MES.Plugin.KanBan.Layout.Controls" 
              xmlns:c="clr-namespace:Midea.MES.Plugin.KanBan.Layout.Converters"
             mc:Ignorable="d" 
             d:DesignHeight="300" d:DesignWidth="1000" FontSize="18">
	<lDataBase:KanbanViewBase.Resources>
		<c:RectangleToRectangleByCount x:Key="RectangleToRectangleByCount"></c:RectangleToRectangleByCount>
		<SolidColorBrush x:Key="backgroupColor" Color="Black"/>
	</lDataBase:KanbanViewBase.Resources>
	<Grid x:Name="root">
		<Grid>
			<Grid.RowDefinitions>
				<RowDefinition Height="50"></RowDefinition>
				<RowDefinition ></RowDefinition>
				<RowDefinition Height="160"></RowDefinition>
			</Grid.RowDefinitions>
			<StackPanel Orientation="Horizontal" DockPanel.Dock="Top" Background="#FF2f3142" >
				<TextBlock Text="当前时间:" Foreground="#fffffb00" VerticalAlignment="Center" FontSize="30" Margin="30,0,0,0"></TextBlock>
				<ctl:UCDateTimeControl></ctl:UCDateTimeControl>
			</StackPanel>
			<Grid Grid.Row="1" Background="#FF909090" Margin="30,0">
				<ListView ItemsSource="{Binding LoadedData}"  Name="lvDefect" VerticalAlignment="Top">
					<ListView.Template>
						<ControlTemplate>
							<Border  CornerRadius="1" BorderBrush="RoyalBlue" BorderThickness="0" >
								<ItemsPresenter />
							</Border>
						</ControlTemplate>
					</ListView.Template>
					<ListView.ItemsPanel>
						<ItemsPanelTemplate>
							<WrapPanel IsItemsHost="True"/>
						</ItemsPanelTemplate>
					</ListView.ItemsPanel>
					<ListView.ItemContainerStyle>
						<Style TargetType="{x:Type ListViewItem}">
							<Setter Property="Template">
								<Setter.Value>
									<ControlTemplate>
										<Border  CornerRadius="5" Margin="0" >
											<Border.Width>
												<MultiBinding  Converter="{StaticResource RectangleToRectangleByCount}"  ConverterParameter="Width">
													<Binding ElementName="root" Path="ActualWidth"/>
													<Binding ElementName="root" Path="ActualHeight"/>
													<Binding ElementName="root" Path="DataContext.CellCount"/>
												</MultiBinding>
											</Border.Width>
											<Border.Height>
												<MultiBinding  Converter="{StaticResource RectangleToRectangleByCount}"  ConverterParameter="Height">
													<Binding ElementName="root" Path="ActualWidth"/>
													<Binding ElementName="root" Path="ActualHeight"/>
													<Binding ElementName="root" Path="DataContext.CellCount"/>
												</MultiBinding>
											</Border.Height>
											<Border Margin="1" Background="{Binding AlertColor}">
												<Border Margin="1" Background="{Binding AlertColor}">
													<Grid>
														<Grid.RowDefinitions>
															<RowDefinition Height="80*"></RowDefinition>
															<RowDefinition Height="40*"></RowDefinition>
														</Grid.RowDefinitions>
														<Grid.ColumnDefinitions>
															<ColumnDefinition Width="10*"></ColumnDefinition>
															<ColumnDefinition Width="10*"></ColumnDefinition>
														</Grid.ColumnDefinitions>
														<Viewbox Margin="1" Grid.Row="0" Grid.ColumnSpan="2">
															<Label  Content="{Binding ParkingLotCode}" Foreground="White" HorizontalContentAlignment="Center" VerticalContentAlignment="Center"></Label>
														</Viewbox>
														<Viewbox Margin="1" Grid.Row="1" Grid.Column="1">
															<Label  Grid.Column="1"  Foreground="White" Content="{Binding CarWaitCNT}" HorizontalContentAlignment="Right" VerticalContentAlignment="Center" ></Label>
														</Viewbox>
														<Viewbox Margin="1" Grid.Row="1" Grid.Column="0" >
															<Image Visibility="{Binding PicVisable}"  Grid.Column="0" Source="/Midea.MES.Plugin.KanBan.Layout;component/Resources/Images/Car.png" HorizontalAlignment="Left"/>
														</Viewbox>
													</Grid>
												</Border>
											</Border>
										</Border>
									</ControlTemplate>
								</Setter.Value>
							</Setter>
						</Style>
					</ListView.ItemContainerStyle>
				</ListView>
			</Grid>
			<Grid Grid.Row="2" Margin="30,0">
				<Grid.ColumnDefinitions>
					<ColumnDefinition Width="375"></ColumnDefinition>
					<ColumnDefinition Width="50"></ColumnDefinition>
					<ColumnDefinition Width="375"></ColumnDefinition>
					<ColumnDefinition Width="50"></ColumnDefinition>
					<ColumnDefinition Width="375"></ColumnDefinition>
					<ColumnDefinition Width="50"></ColumnDefinition>
					<ColumnDefinition Width="*"></ColumnDefinition>
				</Grid.ColumnDefinitions>
				<Grid.RowDefinitions>
					<RowDefinition Height="*"></RowDefinition>
					<RowDefinition Height="115"></RowDefinition>
					<RowDefinition Height="10"></RowDefinition>
				</Grid.RowDefinitions>
				<Border Background="#197c4b" Grid.Row="1" Grid.Column="0">
					<TextBlock Text="空闲" Foreground="White" FontSize="56" VerticalAlignment="Center" HorizontalAlignment="Center"></TextBlock>
				</Border>
				<Border Background="#da860d" Grid.Row="1" Grid.Column="2">
					<TextBlock Text="卸货中" Foreground="White" FontSize="56" VerticalAlignment="Center" HorizontalAlignment="Center"></TextBlock>
				</Border>
				<Border Background="#bf2530" Grid.Row="1" Grid.Column="4">
					<TextBlock Text="超时停靠"  Foreground="White" FontSize="56" VerticalAlignment="Center" HorizontalAlignment="Center"></TextBlock>
				</Border>
			</Grid>
		</Grid>
	</Grid>
</lDataBase:KanbanViewBase>
时间: 2024-11-05 18:56:47

ListView和Viewbox控件页面布局的相关文章

背水一战 Windows 10 (39) - 控件(布局类): VariableSizedWrapGrid, Border, Viewbox, SplitView

原文:背水一战 Windows 10 (39) - 控件(布局类): VariableSizedWrapGrid, Border, Viewbox, SplitView [源码下载] 作者:webabcd 介绍背水一战 Windows 10 之 控件(布局类) VariableSizedWrapGrid Border Viewbox SplitView 示例1.VariableSizedWrapGrid 的示例Controls/LayoutControl/VariableSizedWrapGri

WPF的ListView控件自定义布局用法实例

本文实例讲述了WPF的ListView控件自定义布局用法.分享给大家供大家参考,具体如下: 概要: 以源码的形式贴出,免得忘记后,再到网上查资料.在VS2008+SP1环境下调试通过 引用的GrayscaleEffect模块,可根据参考资料<Grayscale Effect...>中的位置下载. 正文: 如何布局是在App.xaml中定义源码如下 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27

《深入浅出WPF》学习总结之控件与布局

一.控件到底是什么 控件的本质是“数据+算法”——用户输入原始数据,算法处理原始数据并得到结果数据.问题就在于程序如何将结果数据展示给用户.同样一组数据,你可以使用LED阵列显示出来,或者是以命令行模式借助各种控制字符(如Tab)对其并输出,但这些都不如图形化用户界面(Graphics User Interface ,GUI)来的友好和方便.GUI是程序界的优胜者,但在Windows上实现图形化界面有很多中方法.每种方法又拥有自己的一套开发理念和工具.每种GUI开发与它的里理念和工具共同组成一种

Silverlight项目笔记1:UI控件与布局、MVVM、数据绑定、await/async、Linq查询、WCF RIA Services、序列化、委托与事件

最近从技术支持转到开发岗,做Silverlight部分的开发,用的Prism+MVVM,框架由同事搭好,目前做的主要是功能实现,用到了一些东西,侧重于如何使用,总结如下:   1.UI控件与布局     2.MVVM     3.数据绑定     4.await/async     5.Linq查询     6.WCF RIA Services     7.序列化     8.委托与事件 1.UI控件与布局 常用的主要是Grid.StackPanel.Border,其中最常用的的是Grid,是一

cocos2dx-ScrollView和 ListView、PageView控件的使用

这篇记录了三个控件的使用流程:ScrollView和 ListView.PageView. ScrollView ScrollView这个控件大家应该挺熟的吧,反正我是经常用到. 1.首先在Cocos Studio 的UI界面添加一个ScrollView的控件,然后设置其属性.ScrollView要设置的东西比较多,我一开始做了如下的设置: a 设置scrollView的显示窗口大小(Size)为:300x300: b 设置scrollView的容器层大小(ContentSize)为 300*3

[ ObjectListView ] - ListView的增强控件 - 前言 (翻译)

********************************************************************************** 原  标 题: A Much Easier to Use ListView 原文地址: https://www.codeproject.com/Articles/16009/A-Much-Easier-to-Use-ListView 翻       译: 于国栋 http://www.shannon.net.cn *********

WPF 控件与布局

[控件到底是什么?] 程序的本质就是"数据+算法"------用户输入原始的数据,算法处理原始数据并得到结果数据.问题就在于程序如何将结果数据显示给用户.同样一组数据,你可以使用LED阵列显示出来,或者以命令行模式借助各种格式控制符(如TAB)对齐并输出,但这些都不如图形界面(GUI  Graphic User Interface)来的友好和方便.GUI的方便在于它对数据展示的直观性,程序员可以通过编程的方式将数据通过图形的方式展示出来,从而避免了用户面对一大堆复杂数据的痛苦.提高了工

Excel开发学习笔记:界面交互与控件的布局

除了业务逻辑之外,比较耗时耗力的就是人机交互了.在编写excel定制程序的过程中,这次用到了以下几种交互方式: 通过excel工作表(worksheet)获取用户输入 通过按钮控件触发功能代码执行 通过TreeView控件显示内容摘要及导航 通过自定义的windows窗体提供交互 工作表的操作放到后面再说,讲一下按钮控件button和Treeview控件的布局. 放置控件的方法: 无非可视化放置和运行时代码加载两种.可视化放置比较直观,通过visual studio的toolbox工具栏拖动需要

Android 通过代码改变控件的布局方式

在很多情况下当我们在xml中布局的方式并不能满足我们的要求,而这时我们就需要通过在代码中控制控件的布局根据不同的条件来控制布局.首先来了解一下安卓中的一些单位 dip: device independent pixels(设备独立像素). 不同设备有不同的显示效果,这个和设备硬件有关,一般我们为了支持WVGA.HVGA和QVGA 推荐使用这个,不依赖像素.px: pixels(像素). 不同设备显示效果相同,一般我们HVGA代表320x480像素,这个用的比较多.需要注意的是:当我们在XML布局