{x:Null}:用于设置某属性值为Null,比如<Rectangle Fill="{x:Null}" />,其实就相当于<Rectangle />,个人感觉这个纯属MS的多余设计
另外要注意一个问题:
<Rectangle x:Name="rect" Stroke="Black" Width="90" Height="90" MouseLeftButtonUp="Rectangle_MouseLeftButtonUp" StrokeThickness="10" />
运行时,如果点击矩形中间区域,会发现无法触发Rectangle_MouseLeftButtonUp事件,因为矩形Fill属性为null,没有填充,相当于透明,所以鼠标点击穿透矩形,点到下面的东西上去了
解决办法:设置Fill="#00000000" 即设置一个完全透明的颜色
d:DesignWidth=640,d:DesignHeight=480,这二个标记在blend中特别有用
<UserControl x:Class="MsShowCase.NavItem"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d"
Height="640"
Width="480">
默认情况下,silverlight总会有一个固定的尺寸,要想让其自动扩展,很简单把Height="640",Width="480"删除即可(或设置成Auto),但是这样处理后,用blend再打开该xaml文件,可视区域就为0了,很不方便选取对象,这时我们可以加上这二个标识,
<UserControl x:Class="MsShowCase.NavItem"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d"
Height="Auto"
Width="Auto"
d:DesignWidth=640
d:DesignHeight=480
>
再用blend打开时,会发现可视区域变成640*480了,而运行时即仍然可以自动扩展
分享到:
相关推荐
2. `xmlns:d="http://schemas.microsoft.com/expression/blend/2008"`是专门为Microsoft Blend设计的命名空间,它提供了设计时的特性,如`d:DesignHeight`和`d:DesignWidth`,用于在Visual Studio或Blend中预览控件...
### Silverlight中使用Polygon画五角星 #### 一、Silverlight简介 Silverlight是Microsoft推出的一款用于创建丰富互联网应用程序(RIA)的技术平台。它允许开发者利用.NET Framework的强大功能来构建高质量的用户...
### Silverlight中使用MVVM详解 #### 一、MVVM模式简介 MVVM(Model-View-ViewModel)模式是一种软件架构设计模式,主要用于简化用户界面的开发与维护工作。此模式将应用程序分为三个核心组件:Model(模型)、...
在移动端Web开发中,设计稿通常会以特定的宽度(如设计宽度`designWidth`)作为基准,以便在不同尺寸的设备上保持视觉的一致性。`layoutWidth`则是页面实际布局宽度,它可能因设备屏幕宽度而变化。在本项目`...
d:DesignHeight="300" d:DesignWidth="400" xmlns:dxc="http://schemas.devexpress.com/winfx/2008/xaml/charts"> <!-- 上述信息不能直接修改,否则会导致VS崩溃 --> <Grid x:Name="LayoutRoot" Background=...
快应用是中国移动互联网领域新兴的一种轻量级应用形态,它无需下载安装,用户可以在手机操作系统中直接搜索并启动。这个“快应用demo及教程.zip”压缩包文件显然是为那些想要学习和开发快应用的人员准备的,其中包含...
d:DesignHeight="300" d:DesignWidth="300"> 点击我" HorizontalAlignment="Left" Margin="10,10,0,0" VerticalAlignment="Top" Width="75"/> ,10,0,0" TextWrapping="Wrap" Text="TextBox" VerticalAlignment=...
d:DesignHeight="300" d:DesignWidth="400"> , World!" HorizontalAlignment="Center" VerticalAlignment="Center" FontSize="48" /> ``` 以上涵盖了 WPF 中的一些基础和高级主题,包括 Application、...
d:DesignHeight="300" d:DesignWidth="300"> <!-- Your UI elements here --> ``` 接下来,我们将在用户控件中添加属性。这些属性可以是依赖属性(Dependency Properties),这是WPF中支持数据绑定的关键组件。...
d:DesignHeight="30" d:DesignWidth="100"> , RelativeSource={RelativeSource AncestorType=UserControl}}" FontSize="14" VerticalAlignment="Center" HorizontalAlignment="Center" /> ``` 接下来,在`...
d:DesignHeight="300" d:DesignWidth="300"> ``` 5. **注册依赖**:在Bootstrapper中注册`ITextService`和`MainViewModel`。 ```csharp Container.RegisterTypeForNavigation(); Container....
d:DesignHeight="300" d:DesignWidth="300"> <!-- 控件内容 --> ``` ```csharp // ClockUserCtrl.cs public partial class ClockUserCtrl : ContentControl { public ClockUserCtrl() { InitializeComponent...
d:DesignHeight="300" d:DesignWidth="300" Width="50" Height="50" Margin="0" HorizontalAlignment="Left" VerticalAlignment="Top" x:Name="btn" Loaded="btn_Loaded" Click="btn_Click" > ...
宽高比可以通过`designWidth / designHeight`计算得出,用于保持原始设计的比例。 4. **Scaling Factor**:为了使摄像机视口适应当前屏幕,我们需要计算一个缩放因子。缩放因子可以是当前屏幕宽高比与设计宽高比的...
在后台代码中,我们定义了几个依赖属性,它们是控件的主要数据源: 1. `Size`属性用于设置雷达图的尺寸,是一个双精度浮点数,初始值为400。这个属性通过依赖属性机制注册,使得我们可以动态地改变雷达图的大小。 ...
Android 手机的分别率也各不相同,例如 1920x1080、2400x1080、2560x1440 等。 二、Flutter 不同终端屏幕适配方案 Flutter 提供了多种屏幕适配方案,例如使用 MediaQuery、LayoutBuilder、FittedBox 等Widget 来...
下面是一个示例配置,展示了如何在`config.json`中配置js标签: ```json { "config": { "js": [ { "name": "default", "pages": [ { "name": "index", "url": "pages/index/index" } ], "window": { ...
React Native屏幕适配工具是为了解决在跨平台的移动应用开发中,由于不同设备屏幕尺寸和分辨率差异导致的布局显示问题。React Native作为一个流行的JavaScript框架,允许开发者使用JavaScript和React来构建原生的iOS...
在项目的`config.json`配置文件中,你可以找到`designWidth`和`designHeight`属性,分别代表设计时的屏幕宽度和高度。设置这两个值应根据你的游戏设计需求,确保在目标设备上能正确呈现。 接着,我们需要在代码中...
设计稿的宽度:designWidth 允许自适应的最大宽度(超过这个值屏幕元素不在自适应增大):maxWidth 页面顶部加上:<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-...