精华内容
下载资源
问答
  • VB窗体美化代码

    2021-05-07 02:48:45
    摘要:VB源码,界面编程,窗体美化 ...美化后的窗体截图如上所示,黑色风格,很酷的感觉。作者QQ:447201162  考虑到窗体要写事件代码,所以本实例写成自定义控件,在窗体加载即可。窗体设为无边框,大小等于控件大校  
  • 于是用了大半天的时间,来搞代码美化并重新debug 总结了一些经验如下: 好的工具很重要,我的用是sublime(Docblockr插件),快速插入函数注释 明确函数名命名规则,驼峰命名法,前面是动作后面是对象,如...

    有一段时间没有写代码跑程序了

    再来看看以前的东西,简直就是头大

    于是用了大半天的时间,来搞代码美化并重新debug

    总结了一些经验如下:

    • 好的工具很重要,我的用是sublime(Docblockr插件),快速插入函数注释
    • 明确函数名命名规则,驼峰命名法,前面是动作后面是对象,如findMaxima(寻找极大值点)
    • 明确变量命名规则,使用下划线如maxima_noise(注意从属关系)或驼峰命名法如nPoints
    • 代码模块清晰:先是程序说明,然后是全局参数(方便调试),然后是函数集,然后是debug区域

    效果如下:

    /*
     * ### 通用版暗场成像数据处理程序pHunter ###
     * 
     * Description:该程序可以对暗场细胞内纳米金纳米银成像结果进行分析,
     *              获得纳米粒子的位置,数量和聚集状态信息
     * Author: Xie.XD
     * Date: 2018-8-8
     * 
     * # 数据要求
     * 1. 暗场显微镜下同一视野,采集两张图像,先采集一张高曝光(>=50 ms),
     *    后采集一张低曝光(<=10 ms)
     * 2. 图像格式应当为(像素偏移4*4:4080*3072 pixels^2)
     * 3. 将同组实验采集到的多个视野的图片放到同一个文件夹下
     * 
     * # 数据输入
     * 1. 选择包含单个实验组的所有照片的文件夹
     * 2. 如果是从未分析过的数据,先调用divideFiles进行分组,则会打开high和low两个stack
     * 2. 单击高曝光(high)的图像,再调用readRoi圈选细胞roi
     * 
     * # 参数调试
     * 1. 选取细胞内少量粒子光斑,选择能容纳该粒子光斑的15*15矩形区域,获得单粒子截图
     * 2. 对粒子光斑判断结果进行校验,调整saturationT的值以达到较好识别效果
     * 3. 调试完成后,将debug开关全部改为false
     * 
     * # 结果导出
     * 1. roi记录保存为zip
     * 2. 单细胞统计数据打印在Log窗口
     */
    
    /**
     * 重要的全局参数
     */
    
    maxima_noise = 20;
    brightnessT = 17;
    saturationT = 180; //高曝光图像180,低曝光100
    pixelCountRatio = 0.5;
    debugging = newArray(false,false); //debug开关
    
    /**
     * [findMaxima description]
     * 调用imageJ>Find Maxima寻找所有maxima点并返回其坐标
     * @param  noise int
     * @return       array
     */
    function findMaxima(noise){
    	run("Find Maxima...", "noise="+noise+" output=List");
    	selectWindow("Results");
    	num = nResults;
    	loc = newArray(2*num);
    	for (j=0;j<num;j++){
    		loc[2*j] = getResult("X",j);
    		loc[2*j+1] = getResult("Y",j);
    	}
    	run("Close"); 
    	return loc;
    }
    
    /**
     * [chooseParticle description]
     * @return 返回鼠标选中点的坐标
     */
    function chooseParticle(){
    	leftButton = 16;
    	flags = 0;
    	while(flags&leftButton == 0) getCursorLoc(x,y,z,flags);
    	showMessage("Mark Particle Center:"+x+","+y);
    	ans = newArray(x,y);
    	return ans;	
    }
    
    /**
     * [markParticle description]
     * @param  img  图像窗口句柄
     * @param  x    粒子横坐标
     * @param  y    粒子纵坐标
     * @param  type 粒子类型
     * @return      执行动作,在图像上做标记
     */
    function markParticle(img,x,y,type){
    	d = 7;
    	selectWindow(img);
    	if (type=="blue") setColor(0,0,255);
    	else if (type=="green") setColor(0,255,0);
    	else if (type=="yellow") setColor(255,255,0);
    	else if (type=="noise") setColor(255,255,255);
    	else setColor(255,0,255);
    	fillRect(x+d,y,3,3);
    }
    
    /**
     * [cropParticle description]
     * @param  x [description]
     * @param  y [description]
     * @return   a 15*15 or smaller particle image
     */
    function cropParticle(x,y){
    	s = 7;
    	w = getWidth();
    	h = getHeight();
    	while (x<s||y<s||x>w-s||y>h-s) s=s-1;
    	makeRectangle(x-s,y-s,2*s+1,2*s+1);
     	run("Duplicate...","title=particle");
     	particle = getTitle();
     	return particle;
    }
    
    /**
     * [getParticleColor description]
     * @param  x [description]
     * @param  y [description]
     * @return   获得粒子光斑整体的颜色特征,返回hsb
     */
    function getParticleColor(x,y){
    	img = getTitle();
    	particle = cropParticle(x,y);
    	wp = getWidth();
    	hp = getHeight();
    	run("HSB Stack"); //将particle变成HSB stack
    	
    	setSlice(3);
    	bri = getPixel(wp/2,hp/2); //亮度取中央
    
    	hue = 0;
    	sat = 0;
    	briCount = 0+(1e-6);
    	pixelCount = 0+(1e-6); //避免除以0的情况导致程序崩溃
    
    	for(i=0;i<wp;i++){
    		for(j=0;j<hp;j++){
    			setSlice(3);
    			b = getPixel(i,j);
    			if(b>brightnessT){//只在亮的地方找
    				setSlice(2);
    				s = getPixel(i,j);
    				briCount ++;
    				if(s>saturationT){//只在颜色好辨别的地方找
    					setSlice(1);
    					h = getPixel(i,j);
    					pixelCount ++;
    					hue = hue+h;
    					sat = sat+s;
    				}
    			}
    		}
    	}
    	
    	if (pixelCount/briCount>pixelCountRatio){//有颜色的占有亮度的较多才算
    		hue = hue/pixelCount;
    		sat = sat/pixelCount;		
    	}
    	else if (bri==255 && (pixelCount/briCount)>(pixelCountRatio-0.15)){ //中央过曝
    		hue = hue/pixelCount;
    		sat = sat/pixelCount;
    	}
    	else {
    		hue = NaN;
    		sat = NaN;	
    	}
    	HSB = newArray(hue,sat,bri);
    
    	selectWindow(particle);
    	close();
    	selectWindow(img);
    	
    	return HSB;
    }
    
    /**
     * [judgeColor description]
     * 通过hue的值来判断颜色类型
     * @param  hue int
     * @return     string
     */
    function judgeColor(hue){
    	if (hue>0 && hue<15) ans = "red";
    	else if (hue>15 && hue<=30) ans = "orange";
    	else if (hue>30 && hue<=60) ans = "yellow";
    	else if (hue>60 && hue<=120) ans = "green";
    	else if (hue>=140 && hue<=190) ans = "blue";
    	else if (hue>200 && hue<=220) ans = "purple";
    	else ans = "noise";
    	return ans;
    }
    
    
    /**
     * [getParticleType description]
     * @param  img [description]
     * @param  x   [description]
     * @param  y   [description]
     * @return     type string
     */
    function getParticleType(img,x,y){
    	selectWindow(img);
    	hsb = getParticleColor(x,y);
    	hue = hsb[0];
    	sat = hsb[1];
    	bri = hsb[2];
    	if (bri==255){
    		if (isNaN(hue)) type = "white";
    		else type = judgeColor(hue);
    	}
    	else if (!isNaN(hue)) type = judgeColor(hue);
    	else type = "noise";
    	return type;
    }
    
    /**
     * debug测试区域
     */
    
    if (debugging[0]){//单点函数测试
    	showMessage("下面进行参数校正,请单击单个粒子光斑");
    	img = getTitle();
    	loc = chooseParticle();
    	x = loc[0];
    	y = loc[1];
    	type = getParticleType(img,x,y);
    	showMessage(type);
    }
    
    if (!debugging[0]){//增加细胞面积计算
    	img = getTitle();
    	if(getBoolean("请确认stack已打开并且roi管理器列表不为空!")){
    		nCells = roiManager("count");
    		setBatchMode(true);
    		class_name = newArray("cell","blue","green","yellow","white");
    		Array.print(class_name);
    		for (k=0;k<nCells;k++){
    			roiManager("Select", k);
    			getStatistics(area);
    			loc = findMaxima(maxima_noise);
    			nPoints = lengthOf(loc)/2;
    			class_count = newArray(5);
    			class_count[0] = floor(area*pow(0.03578,2)); //修改cell ID为cell Area
    			for(i=0;i<nPoints;i++){
    				x = loc[2*i];
    				y = loc[2*i+1];
    				type = getParticleType(img,x,y);
    				if (type=="blue") class_count[1]++;
    				else if (type=="green") class_count[2]++;
    				else if (type=="yellow" || type=="red" || type=="purple") class_count[3]++;
    				else if (type=="white") class_count[4]++;
    			}
    			Array.print(class_count);
    		}
    		setBatchMode(false);
    	}
    }
    

     

    展开全文
  • jQuery单选框复选框美化代码是一款精装单选跟复选组件下载。 jQuery单选框复选框美化代码截图
  • jQuery单选框复选框美化代码是一款精装单选跟复选组件下载。 jQuery单选框复选框美化代码截图
  • 先放原界面的代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>WEATHER</title> </head> <body id="weather" style="text-align...

    效果图展示

    效果图:
    在这里插入图片描述

    原界面:
    在这里插入图片描述

    先放原界面的代码:

    <!DOCTYPE html>
    <html lang="en">
        <head>
            <meta charset="UTF-8">
            <title>WEATHER</title>
        </head>
    
        <body id="weather" style="text-align: center; padding: 5px; background-color:skyblue;">
            <form action="/year" method="POST">
                <br>
                <p>某城市某年的天气情况</p>
                <div class="form">
                    <p>查找的城市</p>
                    <input class="form-name" placeholder="输入城市的名字,如:成都" name="city" type="text" autofocus>
                </div><br>
                <div class="form" style="margin-top: 30px;">
                    <p>查找的年份</p>
                    <input class="form-name" placeholder="输入过去十年内的年份,如:2020" name="year" type="text" autofocus>
                </div><br>
                <input type="submit" value="搜索" class="btn" /></br>           
            </form>
            <br><br>
            <a href="/high_temperature" target="_blank">全国省会城市最高气温</a>
            <br><br>
            <a href="/low_temperature" target="_blank">全国省会城市最低气温</a>
    
        </body>
    
    </html>
    

    前言

    页面分成三个模块:
    1.查找某城市某年天气情况,自己输入城市和年份->3标题+2文本框+1按钮
    2. 查找全国省会城市最低气温->1
    超链接
    3. 查找全国省会城市最高气温->1*超链接

    目的:
    原页面太丑了,想弄一个导航栏来代替超链接,然后美化一下文本框和按钮
    参考博客:HTML+CSS登陆界面实例

    步骤

    0.创建css文件

    先创建一个login.css 文件,导入进login.html里面

    <head>
            <meta charset="UTF-8">
            <meta name="weather_project">
            <title>WEATHER</title>
            <!-- 引入 css文件 -->
            <link rel="stylesheet" href="../login.css"/> 
        </head>
    

    1.美化中间板块

    1.先改第一个模块,也就是这一块
    请添加图片描述

    1.1 html改变

    1. 在form表单里加了一个div模块 div id="city_year",便于css定位进行美化
    2. 将一开始的文字“某城市某年的天气情况”从<p>模块换成了<h1>,因为后面想对这串文字的字体进行单独设置
    3. input 的一些属性也进行了修改

    将网页代码更改为

    <form action="/year" method="POST">
                <div id="city_year">
                    <h1>某城市某年的天气情况</h1>
                    <!-- <p>某城市某年的天气情况</p> -->
    
                    <div class="form">
                        <div class="item">
                            <p>查找的城市</p>
                            <input  placeholder="城市名字,如:成都" name="city" type="text">
                        </div>
                    </div><br>
                    <div class="form">
                        <div class="item">
                            <p>查找的年份</p>
                            <input class="form-name" placeholder="仅限十年以内,如:2020" name="year" type="text" autofocus>
                        </div>
                    </div><br>
                
                
                    <!-- <input type="submit" value="搜索" class="btn" /></br>   -->
                    <!-- 用button实现的Login登陆按钮 -->
                    <button type="submit">搜索</button>              
                </div>
            </form>
    

    1.2. css部分

    /* Login模块的居中显示 */
    #city_year {
        border: 1px solid white;
        width: 30%;
        text-align: center;
        margin: 0 auto;
        margin-top: 10%;  /* 高度调整 */
        background: #00000080;
        padding: 20px 50px;
    
        /* 将按钮的左右边框设置为圆弧 */
        border-radius: 30px; 
        /* 圆角弧度24px */
        transition:0.2s;
    }
    
    /* Login标题的颜色控制 */
    
    #city_year h1 {
        color: white;
    }
    
    /* 对输入窗口进行修改 */
    #city_year .form .item p {
        font-size: 18px; /* 修改按钮文字的大小 */
        color: white;
    }
    #city_year .form .item input{
        width: 200px; /* 设置合适的宽度 */
        border: 0; /* 首先将边界取消,方便下面修改下部边界宽度 */
        border-bottom: 5px solid white; /* 将下边界进行修改,显示出横线效果 */
        font-size: 18px; /* 将字体适当的变大加粗 */
        background: #ffffff00; /* 将输入框设置为透明 */
        color: white; /* 上面的文本颜色设置为白色,但是placeholder的颜色要单独设置 */
        padding: 5px 10px; /* 为了placeholder的内容不是顶格显示,增加内部边界 */
    }
    
    /* 对button进行美化 */
    #city_year button {
        /* 设置合适的按钮的长和宽 */
        width: 150px; 
        /* height: 30px; */
        text-transform: uppercase;
        border: 3px solid #FFFFFF; /* 设置按钮的边界粗细和颜色 */
        margin-top: 18px; /* 设置合适的上部外框的宽度,增加与上面的password框的距离 */
        text-align: center;
        font-size: 18px; /* 修改按钮文字的大小 */
        /* 设置按钮里面字体颜色 */
        color: #FFFFFF;
        line-height: 50px;
        border-radius: 30px; /* 将按钮的左右边框设置为圆弧 */
        cursor: pointer;
        /* 圆角弧度24px */
        transition:0.2s;
        /* 设置按钮背景为透明 */
        background:rgba(0,0,0,0);   
    }
    

    于是界面会变成这样:
    请添加图片描述

    1.3. placeholder美化

    当然,还要对placeholder里面的文字进行设置,改变字体颜色和大小。
    于是在HTML文件的headbody板块之间增加style模块

    <!-- 单独设置placeholder的颜色 -->
        <style>
            input::-webkit-input-placeholder {
                color:white;
            }
            input::-moz-placeholder {
                /* Mozilla Firefox 19+ */
                color: white;
            }
            input:-moz-placeholder {
                /* Mozilla Firefox 4 to 18 */
                color: white;
            }
            input:-ms-input-placeholder {
                /* Internet Explorer 10-11 */
                color: white;
            }
        </style>
    

    效果如下:
    请添加图片描述

    2.增加导航栏

    2.1 html文件增加代码

    在login.html的body里面增加代码

    <!-- 实现顶部导航栏功能 -->
            <div id="nav">
                <ul class="item">
                    <li class="cur"><a href="/">首页</a></li>
                    <li><a href="/low_temperature" target="_blank">全国省会城市最低气温</a></li>
                    <li><a href="/high_temperature" target="_blank">全国省会城市最高气温</a></li>
                </ul>
            </div>
    

    并且修改一下body的属性
    本来是:

        <body id="weather" style="text-align: center; padding: 5px; background-color:skyblue;">
    

    直接改成(为了之后自己设置背景图片)

    <body>
    

    效果:
    请添加图片描述

    2.2 CSS文件增加代码

    在login.css 里面增加代码,对导航栏进行美化

    2.2.1 增加一个底部方框

    /* 导航栏 */
    #nav{
    	width: 100%;
    	height: 60px;
    	background-color: #00000080;
    }
    

    请添加图片描述
    2.2.2 变成无序列表

    /* 无序列表 */
    #nav ul {
        float:left;
        margin: 0px;
        padding: 0 0 0 0;
        width: 920px;
        list-style: none;
    }
    

    请添加图片描述

    2.2.3 文字并排

    /* 让链接横排 */
    #nav ul li {
        display: inline;
    }
    

    请添加图片描述

    2.2.4 美化

    /* 字体美化等 */
    #nav ul li a {
        float: left;
        padding: 11px 20px; 
        font-size: 28px;
        text-align: center;
        text-decoration: none;
        /* background: url(../images/templatemo_menu_divider.png)        center right no-repeat; */
        color: #fff;    
        font-family: Tahoma;
        outline: none;
    }
    

    请添加图片描述
    2.2.5 鼠标经过时改变颜色

    /* 鼠标经过该链接,变色 */
    #nav li a:hover {
        color:cornflowerblue;
        background-color:white;
        /*弧度*/
        /* border-radius: 30px;  */
       
    }
    

    在这里插入图片描述
    目前界面效果:
    在这里插入图片描述

    3.添加背景

    在css文件里面添加

    /* 增加背景图 */
    body {
        background: url("../img/bg1.jpg") center; /* 首先增加背景图 */
        background-size: 100% auto; /* 设置背景的大小 */
        background-repeat: no-repeat; /* 将背景设置为不重复显示 */
    }
    

    在这里插入图片描述

    ok结束了

    补充

    背景图片为“言叶之庭”的截图,需要自取
    在这里插入图片描述

    展开全文
  • 最近在美化一些Qt的控件,准备自己按照layui的css写一套Qt的layui css qss代码 QRadioButton::indicator { width: 16px; height: 16px; } QRadioButton::indicator::unchecked { image: url(:/ui_css/images...

    前言

    最近在美化一些Qt的控件,准备自己按照layui的css写一套Qt的layui css

    qss代码

    QRadioButton::indicator {
    	width: 16px;
    	height: 16px;
    }
    
    
    QRadioButton::indicator::unchecked {
    	image: url(:/ui_css/images/radio_uncheck.png);
    }
    
    QRadioButton::indicator::unchecked:hover {
    	image: url(:/ui_css/images/radio_hover.png);
    }
    
    QRadioButton::indicator::checked {
    	image: url(:/ui_css/images/radio_checked.png);
    }

    截图

    资源地址

    https://download.csdn.net/download/h1530687053/14946977

     

    原文地址: https://itzhai.cn/xuexijiaocheng/1057.html

     

     

    展开全文
  • 摘要:脚本资源,CSS特效,CSS3,表单美化 使用CSS3美化表单单选框、复选框代码实例下载,将单选和多选按钮变成渐变色的圆角方形,将文本输入框变成圆角长形,在与背景风格的映衬下,整体的表单效果要比系统默认的风格...
  • CheckBox表单复选框美化,jquery.tzCheckbox实例代码,将复选框美化成漂亮的按钮风格,截图如上所示,例子中使用了jquery.tzCheckbox,欢迎童鞋们下载学习和研究。
  • html表单输入框css样式美化特效源代码下载 源代码下载地址:http://www.zuidaima.com/share/1550463335926784.htm

    html表单输入框css样式美化源代码,响应鼠标动作

    html表单输入框css样式美化特效源代码下载

    原文:html表单输入框css样式美化特效源代码下载

    源代码下载地址:http://www.zuidaima.com/share/1550463335926784.htm
    源代码截图:


    展开全文
  • css3美化文本框提示特效代码下载

    千次阅读 2014-08-29 10:12:28
    css3美化文本框提示特效代码下载 源代码下载:http://www.zuidaima.com/share/1550463334386688.htm
  • 博客美化:通用代码高亮插件(SyntaxHighlighter) =============C#.Net 篇目录 ==============   写这篇博文的起源是我想把自己的 博客 弄的更加美观,相信你也一样。   首先,我要说 SyntaxHighlighter ...
  • 全新美化多功能爱蜗牛影视v9.1完整的APP源代码,无后门 相信大家对千月已经不咋感兴趣了吧!今天我为大家带来一款超好看多功能优化影视源码,无后门,有后台,需要7.1php环境,需要数据库  使用notepad++批量替换...
  • carbon:可以把代码片段生成漂亮的图片,从此告别难看的代码截图.zip,创建并共享源代码的美丽图像
  • 本文要推荐的[ToolFk]是一款程序员经常使用的线上免费...ToolFk还支持BarCode条形码在线生成、QueryList采集器、PHP代码在线运行、PHP混淆、加密、解密、Python代码在线运行、JavaScript在线运行、YAML格式化工具、...
  • VBA代码美化成了一个问题。Smart Indenter 3.5是VB开发的,不能被64位的office作为组件加载。 搜寻网上美化代码的插件无果,只好自己写了一个Smart Indenter 64位VBE插件。最新的1.2版同时支持32位和64位office,...
  • 突然想到的一个功能性工具,功能简单,代码更简单,仅使用了——【精易模块 】 没制作什么界面,只有启用和退出两个选项 这是初版本,后续还想加个高斯模糊之类的效果,暂时还没做,大家凑合着用 没有什么界面,所以...
  • 网上找大多都是下面这种方法,因为低耦合,无侵入性,事实上,我代码中却没有用。我用的第二种。 以下内容来自官网 第一种: import io.qameta.allure.Attachment; ... @Attachment public String ...
  • submit按钮代码:复制代码代码如下:submit按钮效果截图html submit按钮效果截图2、html bottom按钮在input标签里设置type="bottom"也是即可设置此表单控件为按钮。bottom按钮代码:复制代码代码...
  • 复制代码代码如下:<input name=”” type=”submit” value=”提交” /> submit按钮效果截图 html submit按钮效果截图 2、html bottom按钮 在input标签里设置type="bottom"也是即可设置此表单控件为按钮。 ...
  • 微信关注“DLGG创客DIY”设为“星标”,重磅干货,第一时间送达。Carbon精美代码生工具网址:carbon.now.sh精美代码生成利器,向别人展示代码的时候用(装X专用),支持N...
  • 本文要推荐的[ToolFk]是一款程序员经常使用的线上免费测试工具箱,ToolFk ...ToolFk还支持BarCode条形码在线生成、QueryList采集器、PHP代码在线运行、PHP混淆、加密、解密、Python代码在线运行、JavaScript在线运行...
  • 这里演示使用JS美化并模拟网页表单控件,十分漂亮的表单效果,使用时可以将代码内的JS保存为文件, 方便调用,使用方法:WellForm(element) //element 为表单元素。 运行效果截图如下: 在线演示地址如下: ...
  • hexo美化

    2020-10-04 14:58:27
    美化 1.hexo博客的启动 1.首先在命令面板中进入到博客建设目录 在输入启动命令 hexo s -p 5555 这个端口号可以自己设的 只要不冲突 问题就不大 解析 hexo 是博客 s是启动 5555是调动的端口 2.语言配置 1.官方文档...
  • 本文要推荐的[ToolFk]是一款程序员经常使用的线上免费...ToolFk还支持BarCode条形码在线生成、QueryList采集器、PHP代码在线运行、PHP混淆、加密、解密、Python代码在线运行、JavaScript在线运行、YAML格式化工具、...
  • MFC的美化

    2016-01-21 10:31:08
    前些天用MFC开发一个桌面程序,实现功能后客户说界面太难看,自己仔细看看也着实难看,所以就仔细的研究了下MFC...代码运行效果图如下:   以前看到瑞星和金山词霸有换皮肤功能,很是羡慕,自己也想做个

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 5,017
精华内容 2,006
关键字:

代码截图美化