用的是dev的TileLayouotControl控件。

 <dxwui:PageAdornerControl Header="" Padding="30" ShowBackButton="False"  >
<WrapPanel>
<dxlc:TileLayoutControl Padding="12,0,10,10"> <dxlc:Tile Header="重绕" Style="{StaticResource VerticalTile}" Background="#FF00ABDC" dxwuin:Navigation.NavigateTo="ICMORpt">
<BitmapImage UriSource="/Images/UserManagment.png" />
</dxlc:Tile>
<!--dxlc:FlowLayoutControl.IsFlowBreak="True"-->
<dxlc:Tile Header="装箱" Style="{StaticResource VerticalTile}" Background="#FF6652A2" dxwuin:Navigation.NavigateTo="Package">
<BitmapImage UriSource="/Images/Statistics.png" />
</dxlc:Tile> <dxlc:Tile Header="装托" Style="{StaticResource HorizontalTile}" Background="#FFDA8515" dxwuin:Navigation.NavigateTo="Pallet">
<BitmapImage UriSource="/Images/ZillowLogo.png" />
</dxlc:Tile> <dxmvvm:Interaction.Behaviors>
<dxwuin:FrameDocumentUIService ShowSplashScreen="True" >
<dxwuin:FrameDocumentUIService.SplashScreenService>
<dx:DXSplashScreenService x:Name="WaitScreenService" ViewTemplate="{StaticResource waitIndicator}" SplashScreenStartupLocation="CenterOwner" />
</dxwuin:FrameDocumentUIService.SplashScreenService>
</dxwuin:FrameDocumentUIService>
</dxmvvm:Interaction.Behaviors>
</dxlc:TileLayoutControl>
<dxlc:TileLayoutControl Padding="12,0,10,10"> <dxlc:Tile Header="补打外箱标签" Style="{StaticResource VerticalTile}" Background="#FF00ABDC" dxwuin:Navigation.NavigateTo="RePackagePrint">
<BitmapImage UriSource="/Images/UserManagment.png" />
</dxlc:Tile> <dxmvvm:Interaction.Behaviors>
<dxwuin:FrameDocumentUIService ShowSplashScreen="True" >
<dxwuin:FrameDocumentUIService.SplashScreenService>
<dx:DXSplashScreenService x:Name="WaitScreenService1" ViewTemplate="{StaticResource waitIndicator}" SplashScreenStartupLocation="CenterOwner" />
</dxwuin:FrameDocumentUIService.SplashScreenService>
</dxwuin:FrameDocumentUIService>
</dxmvvm:Interaction.Behaviors>
</dxlc:TileLayoutControl> </WrapPanel> </dxwui:PageAdornerControl>

样式

  <UserControl.Resources>
<DataTemplate x:Key="waitIndicator">
<dx:WaitIndicator DeferedVisibility="True"/>
</DataTemplate>
<converter:BatmapConverter x:Key="bitmapConverter"/>
<converter:ModuleAuthVisibleConverter x:Key="moduleAuthConverter"/>
<Style x:Key="VerticalTile" TargetType="{x:Type dxlc:Tile}">
<Setter Property="VerticalContentAlignment" Value="Center" />
<Setter Property="HorizontalContentAlignment" Value="Center" />
<Setter Property="Size" Value="Small" />
<Setter Property="HeaderTemplate">
<Setter.Value>
<DataTemplate />
</Setter.Value>
</Setter>
<Setter Property="ContentTemplate">
<Setter.Value>
<DataTemplate >
<StackPanel>
<dxe:ImageEdit IsReadOnly="True" Stretch="Fill" EditValue="{Binding Mode=OneWay}" ShowBorder="False" Width="80" Height="80"/>
<TextBlock Text="{Binding Header, RelativeSource={RelativeSource AncestorType={x:Type dxlc:Tile}}}" FontSize="24" Margin="0,5,0,0" HorizontalAlignment="Center"
FontFamily="宋体" />
</StackPanel>
</DataTemplate>
</Setter.Value>
</Setter>
</Style> <Style x:Key="HorizontalTile" TargetType="{x:Type dxlc:Tile}">
<Setter Property="VerticalContentAlignment" Value="Center" />
<Setter Property="HorizontalContentAlignment" Value="Center" />
<Setter Property="Size" Value="Large" />
<Setter Property="HeaderTemplate">
<Setter.Value>
<DataTemplate />
</Setter.Value>
</Setter>
<Setter Property="ContentTemplate">
<Setter.Value>
<DataTemplate>
<StackPanel Orientation="Horizontal">
<dxe:ImageEdit IsReadOnly="True" EditValue="{Binding Mode=OneWay}" Stretch="Fill" ShowBorder="False" Width="80" Height="80"/>
<TextBlock Text="{Binding Header, RelativeSource={RelativeSource AncestorType={x:Type dxlc:Tile}}}" FontSize="24" Margin="20,0,0,0" VerticalAlignment="Center" />
</StackPanel>
</DataTemplate>
</Setter.Value>
</Setter>
</Style>
<Style x:Key="FlatTile" TargetType="{x:Type dxlc:Tile}">
<Setter Property="Size" Value="Large" />
<Setter Property="Padding" Value="5" />
<Setter Property="VerticalHeaderAlignment" Value="Stretch" />
</Style>
<help:Timer x:Key="time"/> <DataTemplate x:Key="layoutItemTemplate">
<dxlc:Tile Header="{Binding FNAME}" Style="{StaticResource VerticalTile}" Background="#FFA89BB6"
dxwuin:Navigation.NavigateTo="CompleteReportView" dxwuin:Navigation.NavigationParameter="{Binding}" >
<BitmapImage UriSource="/MESClient;component/Images/list.png" />
</dxlc:Tile>
</DataTemplate> <Style TargetType="dxwui:PageAdornerControl">
<Setter Property="Padding" Value="0,-32,0,0" />
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="dxwui:PageAdornerControl">
<Border Background="{TemplateBinding Background}" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
<!--<Grid Margin="42,0,32,10">-->
<Grid >
<Grid.RowDefinitions>
<RowDefinition Height="Auto" />
<RowDefinition Height="*" />
</Grid.RowDefinitions>
<Grid>
<dxwuii:NavigationHeaderControl Margin="10,2,0,2" VerticalAlignment="Top" x:Name="PART_NavigationHeader" Content="{TemplateBinding Header}" ContentTemplate="{TemplateBinding HeaderTemplate}"
BackCommand="{TemplateBinding BackCommand}" ShowBackButton="{TemplateBinding ShowBackButton}" />
</Grid>
<ContentPresenter Grid.Row="1" Margin="{TemplateBinding Padding}" />
</Grid>
</Border>
</ControlTemplate>
</Setter.Value>
</Setter>
<Setter Property="HeaderTemplate">
<Setter.Value>
<DataTemplate>
<StackPanel Orientation="Horizontal">
<!--<TextBlock IsHitTestVisible="False" Text="返回" Foreground="#FFF78A09" FontSize="24" FontFamily="Segoe UI Light, Tahoma Light" />-->
<TextBlock IsHitTestVisible="False" Margin="20,0,0,0" Text="{Binding}" Foreground="#FFFFFFFF" FontSize="24" FontFamily="Segoe UI Light, Tahoma Light" />
</StackPanel>
</DataTemplate>
</Setter.Value>
</Setter>
</Style>
</UserControl.Resources>

WPF 简洁的主界面的更多相关文章

  1. 【WPF/WAF】主界面(ShellWindow)引入别的界面布局

    问题:主界面如果只用一个布局文件ShellWindow.xaml,会写得很大很臃肿.需要分为多个布局文件,然后由主界面引入.参考http://waf.codeplex.com/官方的BookLibra ...

  2. 使用DotNetBar制作漂亮的WinFrom界面,自定义AgileEAS.NET SOA平台WinClient主界面

    一.前言 AgileEAS.NET SOA 中间件平台是一款基于基于敏捷并行开发思想和Microsoft .Net构件(组件)开发技术而构建的一个快速开发应用平台.用于帮助中小型软件企业建立一条适合市 ...

  3. WPF技术触屏上的应用系列(六): 视觉冲击、超炫系统主界面、系统入口效果实现

    原文:WPF技术触屏上的应用系列(六): 视觉冲击.超炫系统主界面.系统入口效果实现 去年某客户单位要做个大屏触屏应用,要对档案资源进行展示之用.客户端是Window7操作系统,54寸大屏电脑电视一体 ...

  4. 简易音乐播放器主界面设计 - .NET CORE(C#) WPF开发

    微信公众号:Dotnet9,网站:Dotnet9,问题或建议:请网站留言, 如果对您有所帮助:欢迎赞赏. 简易音乐播放器主界面设计 - .NET CORE(C#) WPF开发 阅读导航 本文背景 代码 ...

  5. [课程设计]Scrum 1.3 多鱼点餐系统开发进度(系统主界面框架&美化)

    Scrum 1.3 多鱼点餐系统开发进度(系统主界面框架&美化) 1.团队名称:重案组 2.团队目标:长期经营,积累客户充分准备,伺机而行 3.团队口号:矢志不渝,追求完美 4.团队选题:餐厅 ...

  6. Android学习系列(22)--App主界面比较

    本文算是一篇漫谈,谈一谈当前几个流行应用的主界面布局,找个经典的布局我们自己也来实现一个.不是为了追求到底有多难,而是为了明白我们确实需要这么做. 走个题,android的UI差异化市场依然很大,依然 ...

  7. Android学习系列(23)--App主界面实现

    在上篇文章<Android学习系列(22)--App主界面比较>中我们浅略的分析了几个主界面布局,选了一个最大众化的经典布局.今天我们就这个经典布局,用代码具体的实现它. 1.预览图先看下 ...

  8. Winform_devexpress开发框架主界面设计

    做了好多年的C#开发,从.Net.Winform及第三方的DevExpress.无论什么样的系统,主界面的设计及风格无疑非常重要.从客户的角度考虑,要求功能区清晰,整体美观大方,这样才会有可能从第一视 ...

  9. 【Android】19.0 第19章 前面章节的代码优化及本章示例主界面

    分类:C#.Android.VS2015: 创建日期:2016-03-05 一.简介 这一章我们介绍"共享存储和内容提供程序"的基本用法. 二.先优化一下前面章节例子的代码 在前面 ...

随机推荐

  1. 系统架构设计方法论——TOGAF

    https://blog.csdn.net/watermelonbig/article/details/77620847 1.ADM的架构开发阶段 ADM方法是由一组按照架构领域的架构开发顺序而排列成 ...

  2. Delphi 三层框架开发 服务端开发

    采用Delphi7+SQL2008 一.创建数据库和表 CREATE TABLE [dbo].[tb_Department]( [FKey] [uniqueidentifier] NOT NULL, ...

  3. LeetCode之字符串处理题java

    344. Reverse String Write a function that takes a string as input and returns the string reversed. E ...

  4. TI XDC工具入门简介

    1. XDC(Express DSP Component)是TI提供的一个命令行工具,它可以生成并使用实时软件组件包,它包括一系列工具,这些工具可以允许你将你的C语言代码组织成类似于java的包管理方 ...

  5. 【CodeForces148D】Bag of mice

    题意 dragon和princess玩一个游戏.开始的时候袋子里有w个白老鼠和b个黑老鼠.两个人轮流从袋子里面往外摸老鼠.谁先拿到白老鼠谁先获胜.dragon每次抓出一只老鼠,剩下老鼠里面都会有一只跳 ...

  6. 【hdu4135】【hdu2841】【hdu1695】一类通过容斥定理求区间互质的方法

    [HDU4135]Co-prime 题意 给出三个整数N,A,B.问在区间[A,B]内,与N互质的数的个数.其中N<=10^9,A,B<=10^15. 分析 容斥定理的模板题.可以通过容斥 ...

  7. EasyBuy项目总结_20180409

    一.项目技术点 1.熟练使用jsp及el和jstl表达式 el: $() jstl: 1.导包; 2.声明<%@ taglib uri=" " preffix="c ...

  8. linux系统中的命令替换与整数运算$(),$(())

    一.$()与`` 在 bash shell 中,$( ) 与 ` ` (反引号) 都是用来做命令替换(command substitution)用的. 所谓的命令替换与我们第五章学过的变量替换差不多, ...

  9. zabbix自动发现监控mysql

    一. 数据库给只读权限 1.1 grant usage on *.* to 'zabbix'@'127.0.0.1' identified by 'zabbix'; flush privileges; ...

  10. 虚拟机硬盘格式的选择:qcow2、 raw等

    虚拟机硬盘格式的选择:qcow2. raw等曾经有过一段时间,徘徊于对虚拟机硬盘格式的迷惑中,2009年,终于得出了一些结论(下面的思路基本通用于其他虚拟机) 搜了下,发现大部分用qemu或者kvm的 ...