精华内容
下载资源
问答
  • 修改按钮外观的属性
    千次阅读
    2022-02-09 15:46:35

    通过代码批量修改winform中控件相关属性,如通过代码批量设置button按钮的尺寸,参考方法如下:

    方法1:所有button统一设置

            //设定所有button按钮属性
            private void SetAllButton()
            {
                //把所有按钮添加到List集合
                List<Control> buttonList = new List<Control>();
                foreach (Control con in Controls)
                {
                    //判断控件类型是否为按钮
                    if (con is Button)
                    {
                        buttonList.Add(con);
                    }
                }
    
                //遍历所有List,设定属性
                for (int i=0;i<buttonList.Count; i++)
                {
                    Button btn = buttonList[i] as Button;
                    btn.Size = new Size(100, 25);
                }
            }

    方法2:只设定含有特定名称的button控件的属性

            //设定所有button名称为btn1、btn2、btn3...的按钮属性
            private void SetAllBtn()
            {
                //创建
                List<Control> btnList = new List<Control>();
                //检索出所有符合名称的按钮控件
                for (int i = 0; i < 100; i++)
                {
                    //由于control.Find返回值为一个集合[],利用集合数量≥1代表检索成功
                    Control[] conBtn = this.Controls.Find("btn" + i.ToString(), false);
                    if (conBtn.Count() >= 1)
                    {
                        //判断控件类型是否为按钮
                        if (conBtn[0] is Button)
                        {
                            btnList.Add(conBtn[0]);
                        }
                    }
                }
    
                //遍历所有List,设定属性
                for (int j = 0; j< btnList.Count; j++)
                {
                    Button btn = btnList[j] as Button;
                    btn.Size = new Size(150, 50);
                }
            }

    更多相关内容
  • 修改表单属性 <body> <button> 按钮 button> 输入内容"> <script> var btn = document.querySelector('button'); var input = document.querySelector('input'); btn.onclick = function(){ input.value = '被点击...

    文档对象模型DOM

    文档对象模型DOM是W3C组织推荐的处理可扩展标记语言的标准编程接口。

    W3C已经定义了一系列的DOM接口,通过这些DOM接口可以改变网页的内容、结构和样式。

    根据ID获取元素

    使用getElementByld()方法可以获取带有ID的元素对象。

    <body>
        <div id="time">
            2020.11.15
        </div>
        <script>
        	var timer = document.getElementById('time');
            console.log(timer);
            console.log(typeof timer);
            console.dir(timer);
        </script>
    </body>
    

    文档页面从上往下加载,所以的 得现有标签,因此script写在标签 下面。

    get获得element元素by通过驼峰命名法

    参数id是大小写敏感的字符串

    返回的是一个元素对象

    console.log 可以打印返回的元素对象,更好的查看里面的属性和方法。

    在这里插入图片描述

    根据标签名获取元素

    使用getElementsByTagName()方法可以返回带有指定标签名的对象的集合。

    <body>
        <ul>
            <li>1</li>
            <li>2</li>
            <li>3</li>
        </ul>
        <script>
        	var lis = document.getElementsByTagName('li');
            console.log(lis);
            console.log(lis[0]); 
            for(var i=0;i<lis.length;i++){
            	console.log(lis[i]);
            }
        </script>
    </body>
    

    返回一个对象的集合,可以返回其中某一个,也可以遍历得到全部。

    如果页面中只有一个<li>,返回的还是一个伪数组,如果页面中没有这个标签,返回的是空的伪数组。


    可以定父元素来获取标签名

    <body>
        <ul>
            <li>111</li>
            <li>222</li>
            <li>333</li>
        </ul>
        <ol>
            <li>1111111111</li>
            <li>2222222222</li>
            <li>3333333333</li>
        </ol>
        <script>
        	var ol = document.getElementsByTagName('ol');
            console.log(ol[0].getElementsByTagName('li'));
        </script>
    </body>
    

    HTML5新增获取元素的方式

    1. getElementsByClassName根据类名获得某些元素集合。
    <body>
        <div class='box'>
           盒子1
        </div>
        <div class='box'>
            盒子2
        </div>
        <div id='nav'>
            <ul>
                <li>首页</li>
                <li>产品</li>
            </ul>
        </div>
        <script>
        	vars boxs = document.getElementsByClassName('box');
            console.log(boxs);
        </script>
    </body>
    
    1. document.querySelector(‘选择器’)根据指定选择器返回第一个元素对象。切记里面的选择器需要加符号。

      例如:var firstBox = document.querySelector('.box');选择类元素,或者var nav = document.querySelector('#nav')选择ID元素。

    2. document.quarySelectorAll(‘选择器’)根据指定元素返回所有元素对象。 切记里面的选择器需要加符号。

    获取body和html元素

    获取body 元素

    var bodyEle = document.body;
    console.log(bodyEle);
    

    获取html元素

    var htmlEle = document.ducomentElement;
    console.log(htmlEle);
    

    事件基础

    JavaScript使我们有能力创建页面,而事件是可以被JavaScript侦测到的行为。网页中的每个元素都可以产生某些可以触发JavaScript的事件。

    事件由三部分组成,分别为事件源、事件类型和事件处理程序。也称为事件三要素。

    事件源:事件被触发的对象。

    var btn =document.getElementById('btn');

    事件类型:如何触发,比如鼠标经过还是鼠标点击。

    事件处理程序:通过一个函数赋值的方式完成。

    <button id="btn">
        按钮
    </button>
    <script>
    var btn = document.getElementById('btn');
    btn.onclick = function(){
        alert('你点击了按钮');
    }
    </script>
    

    点击按钮,则会弹出“你点击了按钮”的提示框。

    执行事件的步骤:

    1. 获取事件源
    2. 注册事件(绑定事件)
    3. 添加事件处理程序
    

    操作元素

    JavaScript的DOM操作可以改变网页内容、结构和样式,我们可以利用DOM操作元素来改变元素里面的内容、属性等。

    改变元素的内容

    element.innerText从起始位置到终止位置的内容,但它去除html标签,同时空格和换行也会去掉

    element.innerHTML起始位置到终止位置的全部内容,包括html标签,同时保留空格和换行。

    innerText不识别HTML标签,innerHTML识别HTML标签。这两个属性是可读写的。

    <body>
        <button>
            显示系统当前时间
        </button>
        <div>
            某个时间
        </div>
        <script>
        	var btn = document.querySelector('button');
            var div = document.querySelector('div');
            btn.onclick = function(){
                div.innerText = getDate();
            }
            
            function getDate(){
                var date = new Date();
                var year = date.getFullYear();
                var month = date.getMonth()+1;
                var dates = date.getDate();
                var arr = ['星期日','星期一','星期二','星期三','星期四','星期五','星期六'];
                var day = date.getDay();
                return '今天是'+year+'年'+month+'月'+dates+'日'+arr[day];
            }
        </script>
    </body>
    

    在这里插入图片描述

    运行后,显示某个时间,当点击显示系统当前时间即可显示进当前的日期及星期。

    在这里插入图片描述

    修改元素的属性
    <body>
        <button id="ldh">
            刘德华
        </button>
        <button id="zxy">
            张学友
        </button>
        <img src="images/ldh.jpg" alt="" title="刘德华">
        
        <script>
            //获取元素属性
        	var ldh = document.getElementById('ldh');
            var zxy = document.getElementById('zxy');
            var img = document.querySelector('img');
            
            //注册事件   处理程序
            zxy.onclick =function(){
                img.src = 'images/zxy.jpg';
                img.title ='张学友';
            }
            ldh.onclick = function(){
                img.src = 'images/ldh.jpg';
                img.title = '刘德华';
            }
        </script>
    </body>
    

    运行程序出现两个按钮"刘德华","张学友"和一张刘德华的图片,点击张学友,图片变成张学友的图片,鼠标放上面显示张学友,点击刘德华,图片变成刘德华的图片,鼠标放上面显示刘德华。

    修改表单属性
    <body>
        <button>
            按钮
        </button>
        <input type="text" value="输入内容">
        <script>
        	var btn = document.querySelector('button');
            var input = document.querySelector('input');
            btn.onclick = function(){
                input.value = '被点击了';
                this.disabled = true;
            }
        </script>
    </body>
    

    在这里插入图片描述

    程序运行后,显示按钮和输入内容的文本框,点击按钮后,按钮会变成无法再次点击的样式,文本框里面内容会进行更改。

    在这里插入图片描述

    修改样式属性

    element.style修改行内式操作,element.className修改类名样式属性

    <head>
    	<style>
            div {
                width:200px;
                height:200px;
                background-color:pink;
            }
    	</style>
    </head>
    <body>
        <div>
            
        </div>
        <script>
        	var div = document.quertSelector('div');
            div.onclick = function(){
             this.style.backgroundColor = 'purple';
             this.style.width='300px';
            }
    
        </script>
    </body>
    

    程序运行后,出现一个宽高均为200像素的粉红色盒子,点击盒子,变成宽300像素高200像素的紫色盒子。JS修改style样式操作,产生的是行内样式。

    使用className更改样式属性
    <head>
        <style>
            div {
                width:100px;
                height:100px;
                background-color:pink;
            }
            .change {
                width:200px;
                height:200px;
                background-color:purple;
            }
        </style>
    </head>
    <body>
        <div>
           文本    
        </div>
        <script>
        	vet test =document.querySelector('div');
            test.onclick = function(){
                //将当前元素的类名改为change
              this.className = 'change';  
            }
        </script>
        
    </body>
    
    展开全文
  • MFC Button按钮的Owner draw属性 所有者绘制 允许自画 自画 可以改变按钮的形状和外观 如圆形按钮 ,动画按钮 BS_OWNERDRAW Creates an owner-drawn button. The framework calls the DrawItem member function ...

    MFC Button按钮的Owner draw属性 所有者绘制

    在这里插入图片描述
    在这里插入图片描述
    允许自画
    自画
    可以改变按钮的形状和外观 如圆形按钮 ,动画按钮
    BS_OWNERDRAW
    Creates an owner-drawn button. The framework calls the DrawItem member function when a visual aspect of the button has changed. This style must be set when using the CBitmapButton class

    展开全文
  • LabVIEW设计自定义指示灯和按钮控件

    千次阅读 2022-02-13 21:47:33
    普通方式自定义控件:是在LabVIEW开发环境中提供的已有控件的基础上,基于控件原有的属性和方法,仅通过改变控件的外观使其成为个性化的控件,但是功能是改变不了的,哪怕外观看上去不是按钮,但它还是一个布尔控件...

    目录

    1、准备图像素材

    2、自定义控件


    LabVIEW中提供了很多内置的指示灯和按钮控件,可以实现状态的切换和控制,效果如下图所示:

    但是内置的指示灯和按钮控件样式单一、不够美观且可能和程序的风格不搭配,例如,以下按键点灯示例中使用的指示灯比内置的控件要美观很多。

    LabVIEW中提供了两种自定义控件方法,对应了如下两种自定义控件类型:

    • 普通方式自定义控件:是在LabVIEW开发环境中提供的已有控件的基础上,基于控件原有的属性和方法,仅通过改变控件的外观使其成为个性化的控件,但是功能是改变不了的,哪怕外观看上去不是按钮,但它还是一个布尔控件,该类型的自定义控件保存的文件名后缀为“.ctl”;
    • 高级方式自定义控件:是自定义的控件不仅具有个性化的复杂外观,同时也提供了特殊的属性和方法来控制控件的行为,即XControl控件。 

    本篇博文主要来讲讲普通方式自定义控件的实现方法,高级方式自定义控件较为复杂,而且一般情况下也用不到,感兴趣的朋友可以查看文末的链接进行学习。

    1、准备图像素材

    在开始制作前需要制作或者下载两张大小相同的png格式的控件图片,一张作为控件为ture时的状态,一张作为控件状态为false时的图片。例如,我下载的亮、灭LED等的照片,如下所示:

    2、自定义控件

    第1步:新建自定义控件,选择:“文件”→“新建”→“其他文件”→“自定义控件”,如下图所示:

    第2步:鼠标右键,选择:“布尔”,随意选择一种常用的布尔按钮或者指示灯,如下图所示:

    第3步:将控件切换到“编辑模式”,如下图所示: 

    第4步:选中控件,点击鼠标右键,选择:“图片项”,可见目前控件的开关显示状态,如下图所示: 

    第5步:选择:“以相同大小从文件导入...”,将默认的开关图片项替换为下载/设计的控件图像,注意,替换控件图片时,亮灭图片的顺序要保持不变,如下图所示: 

    第6步:最后,保存为“.ctl文件”,可以在VI程序中调用,鼠标点击右键,选择:“选择控件”,如下图所示:


    拓展学习:

    高级方式自定义控件:labview教程之XControl的制作步骤

    展开全文
  • 【Qt】QWidget类详解(属性篇)

    千次阅读 多人点赞 2021-03-29 16:26:20
    00. 目录 ... 函数和属性组08. Widget样式表09. 透明和双缓冲10. 创建半透明窗口11. Native Widgets和 Alien Widgets12. 成员类型文档13. 属性文档13.1 acceptDrops: bool13.2 accessibleDescription
  • 一、制作常规按钮制作按钮非常简单,在标记中把type参数设置为:type="submit"就获得一个提交按钮,如本例的“提交”按钮;在 标记中把type参数设置为:type="reset"就获得一个复原按钮,如本例的“重写”按钮;在...
  • 第9章 多选按钮控件(Checkbutton) 多选按钮控件,也叫检查按钮控件,是用于实现ON-OFF选择的标准控件。多选按钮的提示信息可以是文字,也可以是图像。每个多选按钮都可以设置独立的回调函数,以实现特定的处理。也...
  • 一、安装 MFC 开发组件、 二、创建 MFC 应用、 三、MFC 应用窗口编辑、 四、为按钮添加点击事件、 五、修改按钮文字、 六、打开系统其它应用
  • CSS3设置按钮的样式

    万次阅读 多人点赞 2020-09-07 10:32:03
    平面按钮样式——现主流 在实际开发中,按钮的应用是必不可少 使用 CSS 来制作按钮,可以更有新意,更有趣,也可以自定义自己想要的样式 平面样式按钮的使用现在非常流行,并且符合无处不在的平面设计趋势 实现...
  • VC++修改应用程序的外观

    千次阅读 2016-09-16 10:15:24
    在MFC中,修改应用程序的外观可以通过CMainFrame类中的两个函数来实现;即PreCreateWindow(CREATESTRUCT& cs)和OnCreate(LPCREATESTRUCT lpCreateStruct);下面逐一介绍这两个函数; 1:PreCreateWindow...
  • 下面我以如何将SPSS表格变为经典的三线表样式为例,为大家讲述修改结论表操作步骤的SPSS基础教程。 一、修改为三线表 我们可以看到下图1的模型拟合度表格为普通制表表格,下面我们要尝试将它切换为经典的三线表...
  • 如何设置caption属性

    千次阅读 2021-06-12 03:00:42
    如何修改 表单 的 Caption 属性。直接给表单中对应的元素设置相应的css样式就是可以实现设置字体等属相的样式的。 设置表单输入框字体样式的代码实例如下: float #text{ color: red; font-style: italic; /*设置了...
  • 如何修改radio,input元素默认样式

    千次阅读 2021-06-25 12:56:40
    一、背景介绍下拉列表由select标签实现,单选按钮由表单元素input的type属性radio定义。以下分别是一个简单的下拉列表和单选按钮。二、知识剖析1、form元素form元素定义HTML表单,HTML表单是一个包含表单元素的区域。...
  • Swift 自定义 Loading 按钮 ContentButton

    千次阅读 2022-02-23 19:21:08
    App 中经常会用到这样的按钮,当你点击它,它会显示一个 loading 图标并不停地转圈(小菊花),表示它正在异步加载某些数据,当加载完成,按钮才恢复原样: 这正是 ContentButton 能为你做的。它的使用非常简单,...
  • WindowsXP显示属性的设置教程

    千次阅读 2021-06-27 09:04:48
    显示属性的设置Windows桌面的背景、屏幕外观、屏幕保护等,都可以通过“显示属性”进行设置。要打开“显示属性”对话框有两种方法:●“控制面板”窗口中选择“外观和主题”项,再进一步选择“显示”项。●在桌面上...
  • WinForm控件属性大全

    千次阅读 多人点赞 2020-04-20 19:03:17
    (12)AcceptButton 属性:该属性用来获取或设置一个值,该值是一个按钮的名称,当按 Enter 键时就相 当于单击了窗体上的该按钮。 (13)CancelButton 属性:该属性用来获取或设置一个值,该值是一个按钮的名称,当...
  • 在SAP屏幕中,一个字段就像.NET中的一个控件,这个字段对应一个SCREEN结构,就像控件的多个属性。 SE11可以查看SCREEN结构中的字段,只是没有备注。 名称 长度 说明 NAME 30 屏幕字段的名称 GROUP1 3 属于字段组1的...
  • 单文档修改窗体外观

    千次阅读 2017-11-20 11:27:24
    方法1:窗口创建前,在CMainFrame的函数PreCreateWindow(CREATESTRUCT& cs)中,修改相应的CREATESTRUCT结构体的变量值。例如: BOOL CMainFrame::PreCreateWindow(CREATESTRUCT& cs) {  if( !CFrameWnd::...
  • WPF 更改控件的外观的三种办法

    千次阅读 2018-03-08 10:09:24
    原创文章,如果转载请注明本出处。 在WPF内,控件这个词需要有所区分,单词control指的是所有控件(包括那些不是继承自Control类的可见对象类),... 今天专门简单谈谈如何更改控件的外观。一般有三种办法:更改...
  • Element el-button 按钮组件详解

    万次阅读 多人点赞 2021-01-27 16:07:45
    按钮是很常用的,Element的按钮功能还是比较全面的,本篇就来介绍下。 先看下各种按钮的效果图: 2. 按钮分类 el-button按钮的分类基本是靠颜色区分的,另外还有一种文本按钮type="text",文本按钮由于比较小,比较...
  • 修改按钮的样式

    千次阅读 2009-09-26 23:27:00
    修改按钮的样式有过编程经历的网友都知道,VS 2008默认生成的按钮在编辑状态下的样式还看得顺眼,但运行时的外观就不堪入目了,跟Windows 98的主题差不多,很死板。我们能不能修改一下按钮的外观呢?答案是肯定的。...
  • 法一:用CSS来控制,加入style属性 法二:
  • Xamarin.Forms 按钮样式 圆角按钮

    千次阅读 2020-06-17 16:01:22
    在 Xamarin 中可以方便进行样式定义或不进行定义样式只修改属性而改变外观,如按钮的圆角可以通过 CornerRadius 属性设置 按钮使用圆角时,如果更改边框的颜色建议同时更改边框的宽度和边框颜色,在不同的平台下默认...
  • Bootstrap系列之按钮(Buttons)

    千次阅读 2022-05-28 20:55:31
    按钮(Buttons)
  • Visual Studio开发环境介绍 及控件属性、事件

    千次阅读 多人点赞 2019-10-01 16:02:13
    2、控件的基本属性 3、窗体 4、标签 5、图像框 6、文本框 7、命令按钮 8、综合实验 1、创建新项目 可通过文件->新建->项目 命令来创建一个新的Windows程序 在这里选择创建了一个Windows窗口程序 ...
  • this.decoration = const InputDecoration(), //输入框的装饰器,用来修改外观 TextInputType keyboardType, //设置输入类型,不同的输入类型键盘不一样 this.textInputAction, //用于控制键盘动作(一般位于右下...
  • CorelDRAW 中的默认对象属性可控制活动文档中文本和图形对象的外观。例如,当您第一次安装 CorelDRAW 时,图形对象的默认属性将确定每个新图形对象都具有黑色轮廓并且没有填充。您可以修改以下类型的对象的默认属性...
  • 一、修改应用程序窗口的外观   对于MFC应用程序来说,为了改变MFC AppWizard自动生成的应用程序外观和大小,既可以在应用程序窗口创建之前进行,也可以在该窗口创建之后进行。 首先新建一个单文档类型的MFC ...
  • WPF Button控件使用属性触发器----不生效问题
  • html中Embed标签的语法和属性设置

    千次阅读 2021-06-12 08:49:58
    html中Embed标签的语法和属性设置文章作者:网友投稿 发布时间:2009-09-27 14:00:04 来源:网络简单的来说一下,embed 是个很简便的语法,可以用来播放影音文档,通常它是用来播放Windows Media Player支援的格式...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 34,689
精华内容 13,875
热门标签
关键字:

修改按钮外观的属性