XAML控件宽度为另一控件的一半、静态属性绑定、ObjectDataProvider

news2025/1/16 21:18:30

控件上当某些数据需要根据其他数据的变化而变化

很多时候,想让某个控件的宽度或者高度是另一个已有控件的一半,一开始打算使用ObjectDataProvider来实现,因为在控件上当某些数据需要根据其他数据的变化而变化时,可以使用ObjectDataProvider,这个类提供了一种将XAML绑定方法的行为。

案例:实现两个文本框,第一个文本框的数据是第二个文本框的一半

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-F7QTLkMt-1673410044211)(XAML中实现控件为某个控件的一半.assets/6.gif)]

  1. 写一个方法
public class MethodClass
{
    public string Calculator(string p)
    {
        return (int.Parse(p) * 0.5).ToString();
    }
}
  1. 在Resources中声明一个ObjectDataProvider
<Window.Resources>
    <ObjectDataProvider
        x:Key="dataObj"
        MethodName="Calculator"
        ObjectType="{x:Type local:MethodClass}">
        <ObjectDataProvider.MethodParameters>
            <sys:String>200</sys:String>
        </ObjectDataProvider.MethodParameters>
    </ObjectDataProvider>
</Window.Resources>
  1. 使用ObjectDataProvider
<StackPanel>
    <!--  绑定方法执行的结果  -->
    <TextBlock Text="{Binding Source={StaticResource dataObj}}" />
    <!--  绑定方法参数  -->
    <TextBox Text="{Binding Source={StaticResource dataObj}, Path=MethodParameters[0], UpdateSourceTrigger=PropertyChanged, BindsDirectlyToSource=True}" />
</StackPanel>

但是很难在resources的ObjectDataProvider.MethodParameters集合中绑定某个控件的宽度,所以放弃使用这种办法。

实现某个控件宽度为另一控件的一半

很多时候,想让某个控件的宽度或者高度是另一个已有控件的一半,即Width={Binding Path=Width,ElementName=otherContol}/2,但是XAML中不支持直接运算,这样写是错误的。实现这种效果当然可以后台写C#代码实现,但是这么简单的功能我只想用XAML来实现,我的方法是借助UniformGrid来实现。

示例 :让button按钮的宽度为窗体宽度的1/4

<StackPanel>
    <!--UniformGrid分为4列-->
    <UniformGrid Columns="4" >
        <!--写一个不占空间的border-->
        <Border x:Name="bor"/> 
    </UniformGrid>
    <!--将border的实际宽度赋给Width-->
    <Button Width="{Binding ElementName=bor, Path=ActualWidth}" Content="OK"/>
</StackPanel>

可以看到button的宽度时刻保持为窗体宽度的1/4

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-MrslyMSW-1673410044212)(XAML中实现控件为某个控件的一半.assets/7.gif)]

静态属性的绑定

非静态属性的绑定非常容易

public class MethodClass
{
    public int MyProperty { get; set; }
    public static int MyStaticProperty { set; get; }
}

可以在Resources中增加一个资源,在XAML中增加local:MethodClass节点意味着创建一个local:MethodClass实例,非静态属性可以直接在后面写出。

<Window.Resources>
    <local:MethodClass x:Key="k1" MyProperty="11"/>
</Window.Resources>

但是静态属性是不能写出的
在这里插入图片描述

而且,静态属性的访问方式是 静态类名称.静态属性,所以在XAML中进行静态绑定可以这样:

<!--不写source,直接使用类名.静态属性的方式,但是要用括号-->
<TextBlock Text="{Binding Path=(local:MethodClass.MyStaticProperty)}" />
<!--和非静态属性的绑定方式相同-->
<TextBlock Text="{Binding Path=MyStaticProperty, Source={StaticResource k1}}" />

静态属性的变化通知

非静态属性的变化通知可以继承INotifyPropertyChanged来实现,在非静态属性的set方法中调用事件的Invoke。但是静态属性PropertyChanged?.Invoke(this, new PropertyChangedEventArgs("MyStaticProperty"));这样写是错误的,因为访问不到this。

静态属性的通知有两种写法

public class MethodClass
{
    public int MyProperty { get; set; }

    private static int _value = 50;
    public static int MyStaticProperty
    {
        get { return _value; }
        set
        {
            _value = value;

            //第一种方式
            MyStaticPropertyChanged.Invoke(null, new PropertyChangedEventArgs("MyStaticProperty"));

            //第二种方式
            StaticPropertyChanged.Invoke(null, new PropertyChangedEventArgs("MyStaticProperty"));
        }
    }
    //第一种方式,名称必须这样写,即属性名+Changed
    public static event EventHandler<PropertyChangedEventArgs> MyStaticPropertyChanged;
    //第二种方式,名称必须这样写,即StaticPropertyChanged
    public static event EventHandler<PropertyChangedEventArgs> StaticPropertyChanged;

}

建议使用第二种方法,原因是1.名称固定,不易出错。2.当类中有多个静态属性时,使用第一种方法要声明多个EventHandler,而第二种方法只需要一个就可以。

为了验证结果,写一个修改静态属性的方法

Task.Run(() =>
{
    int i = 0;
    while (true)
    {
        Task.Delay(500).Wait();
        this.Dispatcher.Invoke(() =>
        {
            MethodClass.MyStaticProperty = i++;
        });
    }
});

可以看到绑定了静态属性的textblox在不停的变化
在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/155866.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

Selenium实战【滑动验证码破解】【JAVA爬虫】

简介本文主要讲解&#xff0c;利用之前所学到的java selenium如何实战操作,浏览器控制鼠标&#xff0c;模拟人工操作滑动验证码。这里需要用javacv 的代码知识&#xff0c;用于计算图像中滑块需要移动的距离。实战目标网站&#xff1a;https://dun.163.com/trial/jigsaw操作流程…

【Java入门】Java注释和关键字

✅作者简介&#xff1a;CSDN内容合伙人、阿里云专家博主、51CTO专家博主、新星计划第三季python赛道Top1&#x1f3c6; &#x1f4c3;个人主页&#xff1a;hacker707的csdn博客 &#x1f525;系列专栏&#xff1a;Java入门 &#x1f4ac;个人格言&#xff1a;不断的翻越一座又一…

mycat个人详谈

项目背景 现在业务想实现不同的用户分别看到不同的数据库&#xff0c;领导说用mycat中间件试试。没有接触过这个东西&#xff0c;刚拿到手直接头皮发麻&#xff0c;现在搞定了&#xff0c;索性就记录一下 Mycat数据库分库分表中间件 简介 阿里大牛开发的开源免费产品&#x…

设计模式——抽象工厂模式

文章目录1. 抽象工厂模式的定义2. 抽象工厂模式的类图3. 抽象工厂模式的作用4. 抽象工厂模式的实现1. 抽象工厂模式的定义 提供一个接口&#xff0c;用于创建相关或依赖对象的家族&#xff0c;而不需要明确指定具体类。 抽象工厂允许客户使用抽象的接口来创建一组相关的产品&a…

OAuth 2.0简介

OAuth就是一种授权机制。数据的所有者告诉系统&#xff0c;同意授权第三方应用进入系统&#xff0c;获取这些数据。系统从而产生一个短期的、一定权限的令牌&#xff08;token&#xff09;&#xff0c;用来代替密码&#xff0c;供第三方应用使用。 流程 1.第三方客户端要求用…

【欧姆龙控制器NX1系列调研】

欧姆龙控制器NX1系列调研NX系列 NX1 CPU单元NX系列-EtherNet/IP耦合器单元NX系列-系统单元NX系列通信接口单元NX系列数字输入单元NX系列模拟量输入单元NX系列模拟量输出入单元NX系列 高速模拟量模块NX系列IO-Link 主站单元温度控制/温度输入单元位置接口单元NX系列 安全控制单元…

【algorithm】算法基础课---排序算法(附笔记 | 建议收藏)

&#x1f680;write in front&#x1f680; &#x1f4dd;个人主页&#xff1a;认真写博客的夏目浅石. &#x1f381;欢迎各位→点赞&#x1f44d; 收藏⭐️ 留言&#x1f4dd; &#x1f4e3;系列专栏&#xff1a;AcWing算法学习笔记 &#x1f4ac;总结&#xff1a;希望你看完…

CSS入门四、浮动

零、文章目录 文章地址 个人博客-CSDN地址&#xff1a;https://blog.csdn.net/liyou123456789个人博客-GiteePages&#xff1a;https://bluecusliyou.gitee.io/techlearn 代码仓库地址 Gitee&#xff1a;https://gitee.com/bluecusliyou/TechLearnGithub&#xff1a;https:…

mybatis参数配置和日志详解

生命周期和作用域是至关重要的&#xff0c;因为错误的使用会导致非常严重的并发问题 每个基于 MyBatis 的应用都是以一个 SqlSessionFactory 的实例为核心的&#xff0c;SqlSessionFactory的实例可以通过 SqlSessionFactoryBuilder 获得&#xff0c;而 SqlSessionFactoryBuild…

【stl容器--实践操作】

目录&#xff1a;前言一、string&#xff08;一&#xff09;初始化 、 赋值 、 拼接&#xff08;二&#xff09;单个字符的访问和修改[]、at()&#xff08;三&#xff09;插入和删除insert 、erase&#xff08;四&#xff09;查找和替换find、rfind、replace&#xff08;五&…

代码随想录-47-101. 对称二叉树

目录前言题目1.递归思路2. 本题思路分析&#xff1a;3. 算法实现4. pop函数的算法复杂度5. 算法坑点前言 在本科毕设结束后&#xff0c;我开始刷卡哥的“代码随想录”&#xff0c;每天一节。自己的总结笔记均会放在“算法刷题-代码随想录”该专栏下。 代码随想录此题链接 题目…

FileNotFoundError: [Errno 2] No such file or directory VSCode Python插件的工作路径

文章目录1 前言2 Python主进程工作路径3 解决参考1 前言 在VSCode中&#xff0c;你是否遇到这样的情况 Traceback (most recent call last):File "......*.py", line 1, in <module>with open(filepath, r) as f: FileNotFoundError: [Errno 2] No such file…

提面优秀成功上岸浙大MBA的一点经验——专业管理思维很重要

本人的学历背景比较一般&#xff0c;就是个普通一本&#xff0c;但大学时为了挣学分&#xff0c;参加了不少的活动&#xff0c;还考了教师资格证&#xff0c;并且还去山区支教过3个月&#xff0c;支教一开始也是为了学分&#xff0c;但是通过与孩子们的相处&#xff0c;其实自己…

http相关(更新中)

概念 HTTP&#xff08;hypertext transport protocol&#xff09;协议也叫超文本传输协议&#xff0c;这个协议详细规定了浏览器和万维网服务器之间互相通信的规则。HTTPS更安全&#xff1b;无状态&#xff0c;cookie解决了无状态的问题 请求过程 客户端发送给服务器的称为“…

深度聚类方法之跨实例引导的对比聚类(Cross-instance guided Contrastive Clustering,C3)

深度聚类方法之跨实例引导的对比聚类(Cross-instance guided Contrastive Clustering,C3) 1.参考文献 《C3: Cross-instance guided Contrastive Clustering》2.跨实例引导的对比聚类(Cross-instance guided Contrastive Clustering,C3) 该方法是在对比聚类(Contrastive Clus…

Linux系统编程——信号

1.信号 信号共性: 简单、不能携带大量信息、满足条件才发送。信号的特质: 信号是软件层面上的“中断”。一旦信号产生&#xff0c;无论程序执行到什么位置&#xff0c;必须立即停止运行&#xff0c;处理信号&#xff0c;处理结束&#xff0c;再继续执行后续指令。所有信号的产…

如何使用Element-UI?

文章目录Element-UI概述Element-UI快速入门Element 布局Layout 局部Container 布局容器Element-UI组件使用案例介绍准备基本页面完成表格展示拷贝修改完成搜索表单展示完成批量删除和新增按钮展示完成对话框展示完成分页条展示完整页面代码Element-UI概述 Element&#xff1a;…

day11|144.二叉树的前序遍历、145.二叉树的后序遍历、94.二叉树的中序遍历

144.二叉树的前序遍历 给你二叉树的根节点 root &#xff0c;返回它节点值的 前序 遍历。 示例 1&#xff1a; 输入&#xff1a;root [1,null,2,3] 输出&#xff1a;[1,2,3] 示例 2&#xff1a; 输入&#xff1a;root [] 输出&#xff1a;[] 示例 3&#xff1a; 输入&#xf…

隔离放大器工作原理及其应用

介绍 隔离放大器或单位增益放大器提供从电路的一部分到另一部分的隔离。因此&#xff0c;不能在电路中消耗、使用和浪费功率。该放大器的主要功能是增加信号。运算放大器的相同输入信号作为输出信号从运算放大器精确地传出。这些放大器用于提供电气安全屏障和隔离。这些放大器…

从制造到“智造”,中国电信5G创新赋能工厂进入全连接时代

日前&#xff0c;工业和信息化部印发《5G全连接工厂建设指南》&#xff0c;提出“十四五”时期&#xff0c;主要面向原材料、装备、消费品、电子等制造业各行业以及采矿、港口、电力等重点行业领域&#xff0c;推动万家企业开展5G全连接工厂建设&#xff0c;建成1000个分类分级…