画板 布局diagram wpf
龙测科技初揭秘,一张图让你明白软件测试saas企业的功能布局
大家好,和大家认识也挺久了,好像也没有做过自我介绍。择日不如撞日,今天我们就好好聊聊吧。自我介绍分为了两个部分,上半部分是龙测科技的由来、梦想以及目前的成就;下半部分是龙测目前的产品功能框架。对产品功能感兴趣的朋友们可以直接跳到下半部分。当然了,还是希望大家从头开始了解我们~ 龙测科技的诞生和成长 ......
flex为1的时候,子元素限制一行时内容撑出父元素布局解决方案
解决方法: 1、在子元素的父级加overflow:hidden;2、在子元素的父级上加width: 0;或者height:0; 相关问题:当子元素是自适应父元素的情况下,但子元素大小超出了父元素,在低版本浏览器(我的是v85.0.4183.83)会出现宽度/高度自动无限增大的bug,将父元素无限撑大 ......
WPF ToggleButton使用Command命令触发MouseDown没触发MouseUp,下次点击应用其它地方会再次触发该ToggleButton的命令
今天在某个应用,ToggleButton控制了蓝牙的开关。测试使用了蓝牙鼠标进行控制,发现关闭后,使用触控点击应用其它地方,再次触发了ToggleButton的命令,又把蓝牙开关打开了。 使用Snoop抓取ToggleButton的事件发现,使用蓝牙鼠标关闭后Command命令触发MouseDown ......
WPF实现Element UI风格的日期时间选择器
### 背景 业务开发过程中遇到一个日期范围选择的需求,和Element UI的DateTimePicker组件比较类似,由两个日历控件组成,联动选择起始时间和结束时间。 ### 问题 WPF中提供了一个`DatePicker`的控件,主要由`DatePickerTextBox`、`Button`和 ......
WPF Grid内的元素设置ZIndex
有时需要对Grid内的元素进行重新叠放,可以使用Grid.SetZIndex()方法实现: Grid.SetZIndex(drawCanvas, 1); Grid.SetZIndex(canvRects, 0); ......
ElementUI中使用<el-row>自适应布局导致显示错乱
错乱代码(部分): <el-row :gutter="5"> <el-col :xs="24" :sm="12" :md="8" :lg="6" v-for="(item, index) in caseList" :key="index"> <img :src="baseUrl + item.bus ......
C# wpf 按钮 样式
<Button Width="312" Height="104" Click="Button_Click"> <Button.Template> <ControlTemplate TargetType="Button"> <Grid> <Rectangle Fill="#0096FF" Opacit ......
WPF绑定Enum到RadioButton
将枚举型的数据类型绑定到单选按钮的IsChecked属性中,可以避免定义多个bool类型与之进行绑定,尤其是枚举类型较多时候,对bool对象的维护会更加复杂。 1、定义枚举类型及值转换器 internal enum Gender { [Description("男")] Male, [Descrip ......
flex布局
flex布局原理 flex 是 flexible Box 的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性,任何一个容器都可以指定为 flex 布局。 当我们为父盒子设为 flex 布局以后,子元素的 float、clear 和 vertical-align 属性将失效。 flex布局又叫伸 ......
Flutter的布局方式有哪些
1)常用布局1、Row:行布局,将子控件水平排列。 2、Column:列布局,将子控件垂直排列。 3、Stack:层叠布局,将子控件叠加显示。 4、Expanded:扩展布局,占据剩余空间。 5、Flexible:灵活布局,根据子控件大小分配空间。 6、SizedBox:固定尺寸布局,设置宽高。 7 ......
tk的一个布局demo
# 效果 ![](https://img2023.cnblogs.com/blog/3005444/202308/3005444-20230819174404343-1933435526.png) # 代码 ```python import tkinter as tk from tkinter im ......
WPF开发快速入门【8】WPF进行简单的3D开发
概述 本文介绍采用WPF进行3D开发的一些基础知识,还有HelixToolkit控件的介绍以及在MVVM模式下使用3D框架。 3D开发入门 官方文档对3D开发的一些基础知识已经描述的比较详细了:三维图形概述 - WPF .NET Framework | Microsoft Docs 在学习WPF 3 ......
WPF开发快速入门【7】WPF的拖放功能(Drag and Drop)
概述 本文描述WPF的拖放功能(Drag and Drop)。 拖放功能涉及到两个功能,一个就是拖,一个是放。拖放可以发生在两个控件之间,也可以在一个控件自己内部拖放。假设界面上有两个控件,一个TreeView,一个ListView,那么可能发生的拖动有以下几种情况: 1、TreeView -> L ......
WPF 滚动条ScrollViewer样式记录
WPF 应用程序中有两个支持滚动的预定义元素:ScrollBar 和 ScrollViewer。 ScrollViewer 控件封装了水平和垂直 ScrollBar 元素以及一个内容容器(如 Panel 元素),以便在可滚动的区域中显示其他可见元素。 必须生成自定义对象才能使用 ScrollBar ......
WPF开发快速入门【5】DataGrid的使用
概述 DataGrid是最常用的一种列表数据展现控件,本文介绍DataGrid的一些常用操作,包括:展示、新增、删除、修改等。以下代码基于Stylet框架实现。 数据展示 DataGrid用于对象列表的展示,我们先定义一个对象DataRecord public class DataRecord { ......
WPF开发快速入门【4】自定义控件与用户控件
概述 本文描述WPF的自定义控件和用户控件。 自定义控件 前面文章介绍了WPF的ControlTemplate,当我们对系统控件自带的样式不太满意时,我们可以通过控件模板自定义用户的样式,以Button为例,我们可以设计一个圆形的按钮,并通过触发器控制一些动态效果。在使用控件模板时,我们通过Temp ......
WPF开发快速入门【6】下拉框与枚举类型
概述 本文讲述下拉框和枚举类型进行绑定的一些操作。 下拉框的基本操作 设计部分: <ComboBox ItemsSource="{Binding Fruits}" SelectedItem="{Binding SelectedFruit}" SelectedIndex="{Binding Selec ......
WPF开发快速入门【1】WPF的布局
概述 本文描述几款WPF中常用的布局控件。 Grid Grid是WPF最常用的布局控件。 它把面板分割为固定长和宽的网格,子控件就放置在网格内。 <Grid> <Grid.ColumnDefinitions> <ColumnDefinition Width="100"/> <ColumnDefini ......
WPF开发快速入门【3】WPF的基本特性(附加属性)
概述 本文描述WPF的附加属性。对于使用MVVM框架的项目,附加属性是非常重要的一个特性。 在MVVM框架下,ViewModel的代码通过控件的依赖属性来控制控件的,例如: //ViewModel public Visibility GridVisibility {get;set} public v ......
WPF开发快速入门【2】WPF的基本特性(Style、Trigger、Template)
概述 本文描述几个WPF的常用特性,包括:样式、触发器和控件模板。 样式/Style Style就是控件的外观,在XAML中,我们通过修改控件的属性值来设置它的样式,如: <!--直接定义style--> <Border Grid.Row="0" Grid.Column="0" Background ......
WPF优秀组件推荐之FreeSpire
概述 Spire是一套可以轻松处理Word、Excel和PDF的商业组件,需要收费,但是他有一套对应的免费组件FreeSpire可以使用,免费组件在功能上有一些限制(比如:excel的sheet数量不能超过30),对于普通应用来说大部分场景下都可以适用了。 中文帮助文档:帮助文档 | 全面丰富的在线 ......
WPF优秀组件推荐之MahApps
概述 MahApps是一套基于WPF的界面组件,通过该组件,可以使用较小的开发成本实现一个相对很好的界面效果。 官方网站:MahApps.Metro - Home 开源代码:MahApps · GitHub 本文代码基于Stylet开发,如果您还不了解Stylet,请参阅: WPF优秀组件推荐之St ......
WPF优秀组件推荐之LiveCharts
概述 LiveCharts是一个比较漂亮的WPF图表控件,在数据变化时还会有动画切换的效果,并且样式也可以控制。 官方网站:Live Charts (lvcharts.net) 开源代码:GitHub - Live-Charts/Live-Charts: Simple, flexible, inte ......
WPF优秀组件推荐之Stylet(一)
一、简介 Stylet是基于WPF的一款MVVM组件,虽然WPF本身是自带MVVM功能的,但实现起来不是很方便 ,通过Stylet,用户可以用很少的代码就能享受MVVM带来的舒适体验。 目前Stylet支持:.Net Framerwork 4.5、.Net Core 3.0、.Net 5以上版本。 ......
WPF优秀组件推荐之Stylet(二)
上一篇文章介绍了Stylet的一些基本功能,本篇将介绍一些深入一点的功能。 依赖注入 在Bootstrapper 类中注入需要的对象: public class Bootstrapper : Bootstrapper<MainViewModel> { protected override void ......
WPF开发快速入门【0】前言与目录
前言 WPF是一个生不逢时的技术,刚推出的时候由于是XP时代,WPF技术有两个不方便的地方: 1、由于操作系统没有自带Framework,需要另外安装,比较麻烦; 2、程序第一次启动时,由于要加载Framework,所有显得有点慢。 后来,这些问题都不存在了:操作系统自带Framework了,机器性 ......
现代CSS布局技术:Flexbox和Grid的使用指南和最佳实践
在现代Web开发中,CSS布局技术变得越来越重要。Flexbox和Grid是两种常用的CSS布局技术,它们可以帮助我们创建灵活、可维护的布局。 ......
C#快速自适应布局
一种自适应布局的方法,它可以根据界面比例自动缩放内容控件,在较短时间内完成软件布局。此方法的优点是:简单易学,布局速度快,适用于绝大多数软件界面。缺点是:不太适合需要高度定制的复杂软件界面。实现的原理是:会将from装进Panel里面对控件进行自动计算大小,每次界面变化时,修改每个控件的尺寸。 创建 ......
WPF初始化顺序
WPF的初始化的顺序 /// <summary> /// MainWindow.xaml 的交互逻辑 /// </summary> public partial class MainWindow : Window { public MainWindow() { InitializeComponent ......
wpf 自定义轮播图组件
轮播图组件代码: [Localizability(LocalizationCategory.None, Readability = Readability.Unreadable)][TemplatePart(Name = "Part_Grid",Type= typeof(Grid))][Templa ......