`
Virgo_S
  • 浏览: 1153758 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

silverlight中的几个冷门标记 {x:Null},d:DesignWidth,d:DesignHeight

    博客分类:
  • .NET
阅读更多
{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了,而运行时即仍然可以自动扩展
分享到:
评论

相关推荐

    Silverlight命名空间

    2. `xmlns:d="http://schemas.microsoft.com/expression/blend/2008"`是专门为Microsoft Blend设计的命名空间,它提供了设计时的特性,如`d:DesignHeight`和`d:DesignWidth`,用于在Visual Studio或Blend中预览控件...

    Silverlight中使用Polygon画五角星

    ### Silverlight中使用Polygon画五角星 #### 一、Silverlight简介 Silverlight是Microsoft推出的一款用于创建丰富互联网应用程序(RIA)的技术平台。它允许开发者利用.NET Framework的强大功能来构建高质量的用户...

    Silverlight中使用MVVM.pdf

    ### Silverlight中使用MVVM详解 #### 一、MVVM模式简介 MVVM(Model-View-ViewModel)模式是一种软件架构设计模式,主要用于简化用户界面的开发与维护工作。此模式将应用程序分为三个核心组件:Model(模型)、...

    用于移动端designWidthlayoutWidth等参数根据计算并设置html的fontsize

    在移动端Web开发中,设计稿通常会以特定的宽度(如设计宽度`designWidth`)作为基准,以便在不同尺寸的设备上保持视觉的一致性。`layoutWidth`则是页面实际布局宽度,它可能因设备屏幕宽度而变化。在本项目`...

    Dev控件培训

    d:DesignHeight="300" d:DesignWidth="400" xmlns:dxc="http://schemas.devexpress.com/winfx/2008/xaml/charts"&gt; &lt;!-- 上述信息不能直接修改,否则会导致VS崩溃 --&gt; &lt;Grid x:Name="LayoutRoot" Background=...

    快应用demo及教程.zip

    快应用是中国移动互联网领域新兴的一种轻量级应用形态,它无需下载安装,用户可以在手机操作系统中直接搜索并启动。这个“快应用demo及教程.zip”压缩包文件显然是为那些想要学习和开发快应用的人员准备的,其中包含...

    WPF自定义用户控件一个小例子

    d:DesignHeight="300" d:DesignWidth="300"&gt; 点击我" HorizontalAlignment="Left" Margin="10,10,0,0" VerticalAlignment="Top" Width="75"/&gt; ,10,0,0" TextWrapping="Wrap" Text="TextBox" VerticalAlignment=...

    WPF 学习笔记(包含Application、Navigation、XAML等等)

    d:DesignHeight="300" d:DesignWidth="400"&gt; , World!" HorizontalAlignment="Center" VerticalAlignment="Center" FontSize="48" /&gt; ``` 以上涵盖了 WPF 中的一些基础和高级主题,包括 Application、...

    WPF带属性的用户控件

    d:DesignHeight="300" d:DesignWidth="300"&gt; &lt;!-- Your UI elements here --&gt; ``` 接下来,我们将在用户控件中添加属性。这些属性可以是依赖属性(Dependency Properties),这是WPF中支持数据绑定的关键组件。...

    WPF-文字按钮的封装

    d:DesignHeight="30" d:DesignWidth="100"&gt; , RelativeSource={RelativeSource AncestorType=UserControl}}" FontSize="14" VerticalAlignment="Center" HorizontalAlignment="Center" /&gt; ``` 接下来,在`...

    Microsoft Prism 中文入门教程-part 3

    d:DesignHeight="300" d:DesignWidth="300"&gt; ``` 5. **注册依赖**:在Bootstrapper中注册`ITextService`和`MainViewModel`。 ```csharp Container.RegisterTypeForNavigation(); Container....

    在WPF中UserControl.doc

    d:DesignHeight="300" d:DesignWidth="300"&gt; &lt;!-- 控件内容 --&gt; ``` ```csharp // ClockUserCtrl.cs public partial class ClockUserCtrl : ContentControl { public ClockUserCtrl() { InitializeComponent...

    WPF实现窗体中的悬浮按钮

    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" &gt; ...

    Unity摄像机分辨率自适应设计尺寸脚本

    宽高比可以通过`designWidth / designHeight`计算得出,用于保持原始设计的比例。 4. **Scaling Factor**:为了使摄像机视口适应当前屏幕,我们需要计算一个缩放因子。缩放因子可以是当前屏幕宽高比与设计宽高比的...

    WPF 自定义雷达图开发实例教程

    在后台代码中,我们定义了几个依赖属性,它们是控件的主要数据源: 1. `Size`属性用于设置雷达图的尺寸,是一个双精度浮点数,初始值为400。这个属性通过依赖属性机制注册,使得我们可以动态地改变雷达图的大小。 ...

    Flutter 不同终端适配方案

    Android 手机的分别率也各不相同,例如 1920x1080、2400x1080、2560x1440 等。 二、Flutter 不同终端屏幕适配方案 Flutter 提供了多种屏幕适配方案,例如使用 MediaQuery、LayoutBuilder、FittedBox 等Widget 来...

    HarmonyOS应用开发-eTS文件说明.docx

    下面是一个示例配置,展示了如何在`config.json`中配置js标签: ```json { "config": { "js": [ { "name": "default", "pages": [ { "name": "index", "url": "pages/index/index" } ], "window": { ...

    ReactNative屏幕适配工具

    React Native屏幕适配工具是为了解决在跨平台的移动应用开发中,由于不同设备屏幕尺寸和分辨率差异导致的布局显示问题。React Native作为一个流行的JavaScript框架,允许开发者使用JavaScript和React来构建原生的iOS...

    CocosCreatorFullScreen.rar

    在项目的`config.json`配置文件中,你可以找到`designWidth`和`designHeight`属性,分别代表设计时的屏幕宽度和高度。设置这两个值应根据你的游戏设计需求,确保在目标设备上能正确呈现。 接着,我们需要在代码中...

    移动端适配+响应式开发参考代码

    设计稿的宽度:designWidth 允许自适应的最大宽度(超过这个值屏幕元素不在自适应增大):maxWidth 页面顶部加上:&lt;meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-...

Global site tag (gtag.js) - Google Analytics