也是之前写的控件了,模仿NetFlix的河的设计. 大体要求如下: 1. 横向的ListView 2. 左右按钮,可以左右移动河卡片,左右的滚动条不可见 3. 左右按钮仅在鼠标Hover事件中可见 大家可以看下NetFlix uwp版,国内爱奇艺也是这样设计的,芒果TV之前是,但是新版去掉了这种风格. 其实我也是一个菜鸟,一开始纠结怎么写这个控件,怎么传递ItemsSource,而且还在SO上发起了提问 How to customize a horizontal listview with le…

ListView 默认的排列方向是纵向 ( Orientation="Vertical" ) ,但如果我们需要横向显示的 ListView 怎么办? Blend for Visual Studio 现在就派上用场了.不只是 ListView ,其他的控件也可以用 Blend 定制你自己的 UI 样式. 下面新建一个项目 "HorizontalListViewDemo" ,用于演示横向 ListView ,解决方案结构如下:( GitHub: https://gith…

版本号2仅仅是简单的实现了当手指按下的时候listView的Item向左移动一定的距离,并没有随着手指的左右移动而左右滚动.在这个版本号3.0中将会实现随着手指的移动而滚动的目标:当手指向左移动的时候.listView向左滚动:当手指向右移动的时候.listView向右滚动:在開始进入正题之前,先说说预备的知识和涉及到的方法. 在version2.0之前加入View的时候用的都是addView终于辗转调用了addViewInner方法,经过查询viewGroup的源代码发现有一个addViewI…

条件,引用3个文件 jquery-ui.min.css; jquery.min.js; jquery-ui.min.js. 一.自动完成 http://www.w3cschool.cc/jqueryui/example-autocomplete.html var availableTags = [      "ActionScript",      "AppleScript"]; $( "#mytags" ).autocomplete({    …

1.说明 之前做过一个小项目,点击按钮,按钮进入倒计时无效状态,计时完成后,恢复原样,现在就实现该效果---带倒计时的按钮 2.效果 1)正常状态               2)MouseOver(只有背景色变化)         3)点击进入无效状态 4)在无效状态下计时              5)恢复正常状态 3.XAML代码 <!--冷却计时按钮样式--> <!-- <Style x:Key="TimerBtnStyle" TargetType=&q…

原文网址:http://hualang.iteye.com/blog/964049 除了Android系统自带的Button按钮一万,还提供了带图标的按钮ImageButton 要制作带图标的按钮,首先要在布局文件中定义ImageButton,然后通过setImageDrawable方法来设置要显示的图标. 注意: 我们可以在布局文件中就直接设置按钮的图标,如 android:src="@drawable/icon1" 我们也可以在程序中设置自定义图标 imgbtn3.setImage…

最近在工作中碰到了一个问题,原本在IE8,IE9下正常的input表单,在IE10下会出现清除按钮,即表单右侧会出现一个可以清除该表单内容的小叉.由于之前一直没有兼容过IE10,所以我专门搜了下原因.发现,该功能是微软在IE10上新添加的功能,用于快速清空表单值. 而问题是,工作中使用到的表单控件以及日期组件右侧有清除图标以及日历图标,这使得在IE10下,input表单右侧会出现图表叠加的情况--即控件自带的图标和IE10自带的清除按钮重叠.很明显,这影响了用户体验,所以当务之急是去除或隐藏该按…

添加类似navigationController自带的返回按钮,效果如下: 一.UINavigationcontroller自带的navigationBar 是无法添加左箭头的返回按钮的 在网上搜索了一下 但是真的有方法可以添加成功,但是前提是该 navigationBar不是NavigationController自带的. 如果是自带的navigationBar就无法添加成功,会出现 Terminating app due to uncaught exception 'NSInternalIn…

bootstrap通过引入bootstrap的JS与css文件,给元素添加class属性即可. 使用图标只需要加入一个span,class属性设置为对应的图标属性即可.图标对应的class属性可以参考菜鸟教程: http://www.runoob.com/bootstrap/bootstrap-glyphicons.html 带图标的按钮:…

咱今天在闲逛网页时,看到一个点击带水纹的按钮特效,尼玛,写的还挺好,先看效果: 于是就奔着升级版的拿来主义,别人的好东西,咱都要拿来滴,so,扒代码! 完整代码在最后,是经过我的改进优化滴. 在这里先分析一下功能,就两个核心点. 1.获取当前鼠标点击位置,注意这里要用 offsetX/Y,不能用screenX/Y或者clientX/Y,他们三个的区别可以上网搜一下,这里就不说了. 2.以获取到的点击位置为中心点,利用html的canvas画布画半透明的圆,这里为了体现水纹的动态扩展效果,要设置一…

1.说明 之前做过一个小项目,点击按钮,按钮进入倒计时无效状态,计时完成后,恢复原样,现在就实现该效果---带倒计时的按钮 2.效果 1)正常状态               2)MouseOver(只有背景色变化)         3)点击进入无效状态 4)在无效状态下计时              5)恢复正常状态 3.XAML代码 1 <!--冷却计时按钮样式--> <!--通过修改颜色值参数,以更改按钮颜色样式,更多修改,还请自行DIY--> <SolidColorB…

一.前言 今天分享一下如何实现带递增递减按钮的TextBox控件 二.正文 1.之前的博客分享了一篇自定义XamlIcon控件的文章,这次就直接在那个项目的基础上实现今天这个自定义控件 2.首先添加两个图标资源,一个增加的按钮,一个减小的按钮,具体过程可以参考我之前写的文章 3.接着新增一个自定义控件,如图所示那个 4.添加后,项目中还会生成一个Themes文件夹,里面还有一个Generic.xaml的文件,这个文件可以用来写控件样式的,里面会自动生成一个最基础的控件样式,而那个NumberTe…

js用处:在做商城时,首页图片太多,严重影响首页打开速度,所以我们需要用到异步加载楼层.js名称:鼠标滚动到某屏时,加载那一屏的数据,仿京东首页楼层模式js解释:1.用于商城的楼层内容异步加载,滚动条滚动时才加载数据          2.如果当前屏幕上显示了好几个楼层,那么同时执行这几个楼层的异步加载          3.如果滚动条在页面中间,此时刷新页面,刷新成功后,执行当前显示在屏幕上的几个楼层的异步加载,未显示的不加载          4.如果滚动条在页面下面,此时刷新页面,刷新成功…

此案例主要讲的是Android控件Gridview(九宫格)完美实现仿支付宝首页,包含添加和删除功能:Fragment底部按钮切换的效果,包含四个模块,登录页面圆形头像等,一个小项目的初始布局. 效果图: 代码: 自定义GridView <menu.menudemo.ui.view.ZQScrollGridView android:id="@+id/home_gridview" android:layout_width="match_parent" andro…

完全参照系统自带的DatePickerDialog.TimePickerDialog的源代码仿写的DateTimePickerDialog.具有同时选择日期.时间的功能.在2.2.2.3平台,显示的效果可能会有一个大背景框在后面.4.0以上平台无此现象.此怪异效果通过各种手段未能解决.功能不影响正常使用. import java.util.Calendar; import android.app.AlertDialog; import android.content.Context; impor…

Apple iPhone X 推出后,全屏上多了一个浏海,虽然褒贬不一,也有 Xcode 开发者做出了不错的 ListView 效果,当然 Delphi 也不落人後,马上试做看看. 源码下载:[示例]ListView仿iPhoneX浏海_Aone.zip 适用:Delphi 10.1.2 Berlin(需修改源码 FMX.ListView.pas) 效果:…

[效果] 左右移动(非渐隐) [思路] 1.结构与样式 ①最外层div盒子当容器,里面ul宽度无限大并且相对定位(到时候移动其实移的是ul的left) ②按钮的透明度可用background:rgba()来搞定 ③最后一张图片后面紧接第一张,第一张前面紧接最后一张,也就是5123451(不这样做两张图片没有办法贴在一起),这是无缝的关键 ④如果是全屏轮播,不能直接用img标签插入图片,会有横向滚动条.应该用background,并用绝对定位(而不是浮动) 2.js ①每次点击按钮,移动的ul距离…

1. 前言 最近想要一个进度按钮. 传统上UWP上处理进度可以这样实现,首先是XAML,包括一个ProgressBar和一个按钮: <StackPanel Orientation="Horizontal" Margin="0,30" > <ProgressBar x:Name="ProgressBar" Maximum="1" Width="230"/> <Button x:N…

最近在做的一个项目需要用到下拉刷新,但是参考了现在网络上比较普遍的方法,觉得都不太好,因为要在外部套上一个SrollViewer,容易出现滚动错误.于是刚开始的时候就把思路定到了ListView内部的ScrollViewer上. 最初的想法是在ScrollViewer的Manipulation相关事件上下手,确实做好了,效果也不错,如图: 当时得意满满的看着自己的作品,心里是说不出的激动啊,结果放在手机上想试试触屏设备的效果,结果发现好坑爹:在触屏设备上,手指在ListView的上下滑动默认是移…

先上一张效果图…

今天学习了一下轮播图的写作,想到前一阵学过的无缝滚动得思想,所以就把轮播与滚动结合了一下.不过我的代码的神逻辑我自己都不敢恭维,在没网没参照的情况下,只能硬着头皮往下写,希望跟大家共勉吧. js运动框架的代码如下: //获取样式 function getStyle(obj,attr){ if(obj.currentStyle){ return obj.currentStyle[attr]; }else{ return getComputedStyle(obj,false)[attr]; } }…

因为各种原因,项目经理和产品经理把我做的东西给否定了,所以决定分享出去. 主要功能: 1 .带中文索引的ListView 2.自己定义顶部搜索视图,能够对返回button,搜索button加入事件监听,带动画的咧!~ 3.底部自己定义视图,能够对Listview的adapter加入监听,而且回调选中的数目,另外其它的视图都是能够自己加入的 4.右側的索引视图,依据通讯录的解析后的数据动态生成相关索引列表 5.Adapter的抽象类,想优化自己的Adapter能够看一下,样例中的adapter不过…

我们经常需要一个按钮,在按下时,后台执行Task,这时不能再次按下按钮. 我们使用自定义控件,首先新建一个类,我把它命名是ProgressButton 一个进度条按钮,也就是我们按下时发生进度条,完成时他又是按钮. 我们需要一个值让我们知道是不是已经完成了后台,按钮可以按下,在按下时,自动让按钮IsEnable为false. 我们需要模板有TextBlock,显示文字,ProgressRing显示进度条. 于是我们使用TemplatePart [TemplatePart(Name = "Text…

很多应用都有带弹跳动画发布界面,这里用一个 UIViewController 实现这种效果,外界只要 modal出不带动画这个控制器就可以实现 #import "BSPublishVC.h" #import "BSVerticalButton.h" #import <POP.h>   @interface BSPublishVC ()   @end   @implementation BSPublishVC   - (void)viewDidLoad {…

h5自带的 video标签 ,会有个下载按钮,有时候想避免,就可以利用样式的方法 <style type="text/css"> video::-internal-media-controls-download-button { display:none; } video::-webkit-media-controls-enclosure { overflow:hidden; } video::-webkit-media-controls-panel { width: ca…

截至到redis-5.0版本,redis仍然不会自动滚动日志文件,如果不处理则日志文件日积月累越来越大,最终将导致磁盘满告警: # ls -lh total 12G -rw-r--r-- 1 redis redis 8.5G Feb 18 10:26 redis-6379.log -rw-r--r-- 1 redis redis 1.5G Feb 18 10:26 redis-6380.log -rw-r--r-- 1 redis redis 2.0G Feb 18 10:26 redis-63…

这个版本号的博客写起来颇费口舌.有些代码自己语言组织能力有限,感觉描写叙述起来非常费劲,前前后后改了五六遍稿子还是不尽人意 ,只是我还是坚持写出来自己当初的思路,假设看得不明确的地方我在文章最后仍然会上传源码,能够直接执行看效果,看过执行的效果后对文中有些别扭的语言预计会能直观的了解.在版本号3.0的尽管实现了随着手指的左右移动listView中的item也随着滚动.可是会出现例如以下的情况: 当左边已经是第一个的时候,会出现例如以下的情况(仍然能够向右移动): 当右边是adapter最后一个i…

昨天写的神逻辑,今天终于解决,经过大家的商讨,终于研究出来一套简单的代码!!! js代码如下: <script> window.onload = function() { var oWrap = document.getElementById("wrap"); var oBox = document.getElementById("box"); var aBox = oBox.getElementsByTagName("li"); v…

1,中间圆点用到css3的gradient属性 2,运动用到css3的transition属性 3,需要写各个浏览器的兼容 代码如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>css3按钮</title> </head> <style type="text/css&quo…

有时候需要用input元素中type属性值为number时,会出现默认的上下按钮, 去掉input默认的上下按钮:兼容性写法如下 input[type='number']::-webkit-outer-spin-button, input[type='number']::-webkit-inner-spin-button{ -webkit-appearance:none !important; } //兼容火狐浏览器 input[type='number']{ -moz-appearance:t…