5.用 CSS 创作一个立体滑动 toggle 交互控件

原文地址:https://segmentfault.com/a/1190000014638655 HTML代码: <html> <head> <link rel="stylesheet" href="index.css"> <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script> </head> &…

效果预览在线演示按下右侧的"点击预览"按钮在当前页面预览,点击链接全屏预览. https://codepen.io/zhang-ou/pen/zjoOgX 可交互视频教程此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码. 请用 chrome, safari, edge 打开观看. https://scrimba.com/c/cPvMzTg 源代码下载本地下载请从 github 下载. https://github.com/comehope/front-end-dail…

1.纯 CSS 创作一个按钮文字滑动特效 + 弹幕（残缺）

原文地址:1# 视频演示如何用纯 CSS 创作一个按钮文字滑动特效扩展后地址:https://scrimba.com/c/cJkzMfd HTML代码: <html> <head> <link rel="stylesheet" href="index.css"> </head> <body> <div class="animation">唉,没有啥新想法添加...</…

3.纯 CSS 创作一个容器厚条纹边框特效

原文地址:3.纯 CSS 创作一个容器厚条纹边框特效没有啥好点子呀,不爽 HTML代码: <div class="box"> <div class="content"> <h2>What is Lorem Ipsum?</h2> <p>Mauris volutpat risus quis nisi tempus hendrerit. Nullam nisi urna, suscipit quis risu…

2.纯 CSS 创作一个矩形旋转 loader 特效

原文地址:2.纯 CSS 创作一个矩形旋转 loader 特效扩展后地址:https://scrimba.com/c/cNJVWUR 扩展地址:https://codepen.io/pen/ HTML代码: <div class="loader"> <span></span> <span></span> <span></span> </div> CSS代码: /* 居中显示 */ htm…

一个Activity掌握Design新控件（转）

原文地址:http://blog.csdn.net/lavor_zl/article/details/51295364 谷歌在推出Android5.0的同时推出了全新的设计Material Design,谷歌为了给我们提供更加规范的MD设计风格的控件,在2015年IO大会上推出了Design支持包,Design常用的新控件有下面8种. 1. TextInputLayout(文本输入布局) TextInputLayout的作用是将EditText包裹起来,使得EditText的android:hi…

一个Bootstrap风格的分页控件

http://www.cnblogs.com/wangwei123/p/3682626.html 主题 jQueryBootstrap 一个Bootstrap风格的分页控件,对于喜欢Bootstrap简洁美观和扁平化的同学可以关注jBootstrapPage, 目前jBootstrapPage最新版为V0.1,后续还有更多功能需要完善. demo演示地址: http://www.it175.cn/demo/jBootstrapPage/ 代码示例: html代码 <html> <…

ArcGIS“一个或多个ActiveX控件无法显示...”问题的解决方案

ArcMap启动时的一个警告信息“一个或多个ActiveX控件无法显示...”,如图出现这种情况,有可能的原因是IE浏览器的安全选项设置被修改了.比如被手动修改过,或者被第三方系统杀毒优化软件修改了. 解决办法如下:按图启用对应选项设置好后,保存设置.再启动ArcMap,发现不会再提示该警告信息了.…

创建一个带模版的用户控件 V.3

再重构此篇<创建一个带模版的用户控件 V.2>http://www.cnblogs.com/insus/p/4164149.html 让其它动态实现header,Item和Footer. Insus.NET不想所有代码写在InstantiateIn(Control container)方法内的switch分流上.其实是想使用开发设计模式的中介者(Mediator)来拆分它. 拆分为四个方法:ListItemType.Header: ListItemType.Item: ListItemTyp…

创建一个带模版的用户控件 V.2

前面有做练习<创建一个带模版的用户控件>http://www.cnblogs.com/insus/p/4161544.html .过于简化.通常使用数据控件Repeater会有网页写好Header,Item,AlternatingItem和Footer.如果需要动态产生列时,我们需要在后台写好模板. 再来复习一下这篇<Repeater控件动态变更列(Header,Item和Foot)信息>http://www.cnblogs.com/insus/archive/2013/03/22…

一个完善的ActiveX Web控件教程

免费打工仔:一个完善的ActiveX Web控件教程出自Ogre3D开放资源地带跳转到: 导航, 搜索原作者 David Marcionek. 翻译免费打工仔这个教程可以帮助你快速开发一个ActiveX控件.其中将要讲解关于ActiveX开发的一些基础概念,诸如方法(method).属性(propertiy)和事件(event),以及ActiveX控件和网页之间的通讯方法. 下载演示程序 - 231 Kb 目录 [隐藏] 1 介绍 2 创建一个ActiveX控件 3 加入对GIF动…

Qtp中一个或多个ActiveX控件无法显示问题

今天在使用qtp进行登陆测试的时候,发现了一个问题,现总结归纳如下: [问题] 在测试过程中,一直提醒:一个或多个ActiveX控件无法显示,原因可能是下列其中之一: 如下图所示: [解决办法] 在QTP中选择Tools 选择 Options 选择 ActiveScreen 选择 Advanced 选择把Load ActiveX controls前面的框中勾上. 如下图所示: [原因] 为什么会发生这样的原因,我不清楚,网上说是qtp设置问题,但是具体是为什么不知道. [感悟]…

【VS开发】免费打工仔:一个完善的ActiveX Web控件教程

作者 David Marcionek. 翻译免费打工仔这个教程可以帮助你快速开发一个ActiveX控件.其中将要讲解关于ActiveX开发的一些基础概念,诸如方法(method).属性(propertiy)和事件(event),以及ActiveX控件和网页之间的通讯方法. 下载演示程序 - 231 Kb 目录 [隐藏] 1 介绍 2 创建一个ActiveX控件 3 加入对GIF动画的支持 4 增加图形进程条对话框 5 增加支持代码 6 为ActiveX控件创建网页 7 构建一个已签名的Act…

使用 WebView2 封装一个生成 PDF 的 WPF 控件

使用 WebView2 封装一个生成 PDF 的 WPF 控件最近在迁移项目到 .net6,发现项目中用的 PDF 库不支持 .net6,于是想着换一个库.结果找了一大圈,发现不是版本不支持,就是收费. 嗐!还能咋办,只能自己搞一个 PDF 生成控件咯. 环境准备 WPF + WebView2 + Vue WebView2 WebView2.CoreWebView2.PrintToPdfAsync 可以将 html 文件生成 pdf. CEF 也有类似的 API,Evergreen WebVi…

前端每日实战：158# 视频演示如何用纯 CSS 创作一个雨伞 toggle 控件

效果预览按下右侧的"点击预览"按钮可以在当前页面预览,点击链接可以全屏预览. https://codepen.io/comehope/pen/pxLbjv 可交互视频此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码. 请用 chrome, safari, edge 打开观看. https://scrimba.com/p/pEgDAM/cMV8euJ 源代码下载每日前端实战系列的全部源代码请从 github 下载: https://github.com/comehope/f…

前端每日实战：145# 视频演示如何用纯 CSS 创作一个电源开关控件

效果预览按下右侧的"点击预览"按钮可以在当前页面预览,点击链接可以全屏预览. https://codepen.io/comehope/pen/PdMyJd 可交互视频此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码. 请用 chrome, safari, edge 打开观看. https://scrimba.com/p/pEgDAM/c648Nu7 源代码下载每日前端实战系列的全部源代码请从 github 下载: https://github.com/comehope/f…

用c/c++混合编程方式为ios/android实现一个自绘日期选择控件(一)

本文为原创,如有转载,请注明出处:http://www.cnblogs.com/jackybu 前言章节: 1.需求描述以及c/c++实现日期和月历的基本操作 2.ios实现自绘日期选择控件 3.android实现自绘日期选择控件目的: 通过一个相对复杂的自定义自绘控件来分享: 1.ios以及android自定义自绘控件的开发流程 2.objc与c/c++混合编程 3.android ndk的环境配置,android studio ndk的编译模式,swig在android ndk开发中的作…

用uGUI开发自定义Toggle Slider控件

一.前言写完<Unity4.6新UI系统初探>后,我模仿手机上的UI分别用uGui和NGUI做了一个仅用作演示的ToggleSlider,我认为这个小小的控件已能体现自定义控件的开发过程.由于手头上没有mac版,暂时未能真机测试,PC上的效果如下: 二.制作过程完整工程托管于github,分为uGui和NGUI两个project.考虑到版权问题,工程里不含NGUI,同学们需自行将NGUI导进工程.NGUI需要Unity 4.5,uGui需要Unity 4.6. 三.功能点滑块可以拖动,从…

基于duilib实现的可滑动tab标签控件

最近一直在忙棋牌游戏大厅的开发,使用了duilib界面库,在大厅界面游戏菜单的展现上需要用到滑动的效果,类似悠扬棋牌,jj棋牌的菜单左右(上下)滑动的效果.通过自己的设计思路完善了一个可滑动的tab标签控件.效果如下: 控件实现部分 code: UISliderTabLayout.h #ifndef __SLIDERTABLAYOUT_H__ #define __SLIDERTABLAYOUT_H__ #pragma once namespace DuiLib { class UILIB_API…

ASwipeLayout一个强大的侧滑菜单控件

Android中侧滑的场景有很大,大部分是基于RecyclerView,但是有些时候你可以动态地addView到一个布局当中,也希望它实现侧滑,所以就产生了ASwipeLayout,该控件不仅支持在RecyclerView中实现侧滑实际上只要你包裹了这层布局,都能实现侧滑. 1.效果图 2.使用方式其实挺简单的,在设计的时候,就是想着怎么简单怎么来 2.1引入库: Step 1. Add it in your root build.gradle at the end of repositori…

一起写一个Android图片轮播控件

注:本文提到的Android轮播控件Demo地址: Android图片轮播控件 1. 轮播控件的组成部分我们以知乎日报Android客户端的轮播控件为例,分析一下轮播控件的主要组成: 首先我们要有用来显示图片的View对象,根据上图中底部中央的5个点,我们知道需要5个ImageView来显示需要轮播的图片,另外还需要5个ImageView来显示5个点.现在考虑以下轮播组件应该具有的行为,首先需要每隔一定时间间隔切换到下一张图片,并且图片间切换的效果应该是平滑的,就像“翻书”一样.由此我们可以想…

一个可以设置所有子控件是否可以点击的Layout的实现

http://www.cnblogs.com/csonezp/p/4956315.html 最近在做一个功能,想在某个状态设置整个界面不可点击,后台任务执行完毕后再可以点击. 最直观的想法是直接让所有子控件设置enable为false,但是子控件太多了,这个不太现实. 然后想直接让父控件disenable,发现子控件还是能接收到点击事件. 又给父layout设置onClickListener,然后不做任何操作,依旧无果.在网上咨询了一些人,给我的建议是去了解一些android的事件分发机制,然后…

【分享】自己写的一个可空的DateTimePicker控件-附源码

最近这段时间在重构以前的一个项目,其中有一项就是要把DateTimePicker控件值可空.大家都知道的DateTimePicker值为DateTime类型,DateTime类型值不能等于Null.但是数据库中的时间类型的字段可以是空的,这样就会出现没办法给DateTimePicker赋值的问题.原先项目处理的方式是获取数据的时候给时间空的属性/字段赋一个默认的时间,可这样做用户体验不太好.╮(╯_╰)╭,在看了些前人的解决方法后就写出了这个控件.现分享一下,欢迎提出宝贵意见. 下面简单说下实现…