arrow

RecyclerView item 可展开动画效果的实现

笑着哭i 提交于 2019-12-06 10:28:28
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。 本文链接:https://blog.csdn.net/android_freshman/article/details/94354088 RecyclerView item 可展开动画效果的实现 前文提要: 1.相关说明: 1-1.布局文件: 1-2.动画工具类说明(代码我基本上都添加了注释): 1-3.问题: 2.如何使用: 2-1.viewHoler 需要实现 ExpandableViewHoldersUtil.Expandable 接口 2-2.adapter 2-3.ExpandableViewHoldersUtil 3.结束: 前文提要: Android list 列表里面空间的显示和 隐藏,基本都是用的View.VISIBLE 和 View.GONE 实现的,展示的效果有点突兀,看了ios 同事做的相同的效果,他们的很顺畅,所以决定做一个相同的效果. 已经上传到github 上面地址是 demo的项目地址 :https://github.com/luhui2014/ExpandableViewHolder/tree/master 1.相关说明: 参考资料:Android—RecyclerView之动画(工具类)实现可展开列表 1-1.布局文件:

【30分钟学完】canvas动画|游戏基础(2):从零开始画画

筅森魡賤 提交于 2019-12-06 05:22:47
前言 上篇主要是理论的概述,本篇会多些实践,来讲讲canvas的基础用法,并包含一些基础三角函数的应用,推荐没有canvas基础的朋友阅读,熟悉的朋友可以跳过。 本人能力有限,欢迎牛人共同讨论,批评指正。 一起来画画吧 canvas的API有很多,如果一一列举30分钟你是绝对看不完的,而且怎么流水账还不如自己去看文档呢(笑),本教程的思路是用实例一步一步从无到有讲解基础用法。 canvas相关文档 准备工作 布置画布:通过添加 <canvas> 标签,添加canvas元素; 获取画布:通过 <canvas> 标签的id,获得canvas对象; 获得画笔:通过canvas对象的getContext("2d")方法,获得2D环境。 <canvas id="canvas" width="400" height="400"></canvas> const canvas = document.getElementById('canvas'); const context = canvas.getContext('2d'); 画个箭头 首先我们来画个 红边黄底的箭头 ,使用面向对象的代码组织方式,全部代码如下。 类名为Arrow。它拥有x轴坐标、y轴坐标、底的颜色color、旋转弧度rotation四个属性。 实例方法是draw(),它需要一个context对象作为参数

点击一个图片换成另外一个图片 jquery

 ̄綄美尐妖づ 提交于 2019-12-06 03:42:10
如图一个下三角的按钮,一般在菜单栏应用 当点击他的时候,换成下面一个上三角的符号 html源码: < img id= "recommend_btn" src= "images/shopping_arrow_down.gif" alt= "" > jquery源码 $ ( "#recommend_btn" ). click ( function (){ $ ( "#recommend_btn" ). attr ( "src" , "images/shopping_arrow_up.gif" ); }); 主要用了attr() 来源: CSDN 作者: water_Popcorn 链接: https://blog.csdn.net/water_Popcorn/article/details/78113158

JavaScript实现轮播图

本秂侑毒 提交于 2019-12-05 19:14:05
功能描述: 1.鼠标经过 左右侧箭头显示,鼠标离开 箭头隐藏 2.动态添加底部小圆圈并绑定单击事件,并且让小圆圈的点击事件和左右箭头点击事件同步 3.拷贝第一张图片添加到ul最后可以实现动态添加图片 4.给箭头绑定单击事件,并且使图片可以无缝轮播 5.实现自动轮播(动画函数) 具体实现代码: 1.鼠标移入左右侧箭头显示,鼠标离开箭头隐藏 1 con.addEventListener('mouseenter', function() { 2 arrow_l.style.display = 'block'; // 将左右箭头的display设为block 3 arrow_r.style.display = 'block'; 4 }); 5 con.addEventListener('mouseleave', function() { 6 arrow_l.style.display = 'none'; // 将左右箭头display设为none 7 arrow_r.style.display = 'none'; 8 }); 2.动态添加底部小圆圈并绑定单击事件,并且让小圆圈的点击事件和左右箭头点击事件同步 1 for(var i = 0; i < ul.children.length; i++) { 2 var li = document.createElement('li'); 3

python 模拟键盘输入

喜你入骨 提交于 2019-12-05 19:00:17
备忘录import win32api import win32con win32api.keybd_event(17,0,0,0) #ctrl键位码是17 win32api.keybd_event(86,0,0,0) #v键位码是86 win32api.keybd_event(86,0,win32con.KEYEVENTF_KEYUP,0) #释放按键 win32api.keybd_event(17,0,win32con.KEYEVENTF_KEYUP,0) 下面时一些常见的键值码和键的对应: 字母和数字键 数字小键盘的键 功能键 其它键 键 键码 键 键码 键 键码 键 键码 A 65 0 96 F1 112 Backspace 8 B 66 1 97 F2 113 Tab 9 C 67 2 98 F3 114 Clear 12 D 68 3 99 F4 115 Enter 13 E 69 4 100 F5 116 Shift 16 F 70 5 101 F6 117 Control 17 G 71 6 102 F7 118 Alt 18 H 72 7 103 F8 119 Caps Lock 20 I 73 8 104 F9 120 Esc 27 J 74 9 105 F10 121 Spacebar 32 K 75 * 106 F11 122 Page Up 33 L 76

前端纯原生代码实现2048

流过昼夜 提交于 2019-12-05 18:57:11
前言 为什么闲着没事要做一个2048呢?还不是360前端星计划(2018春招实习生)要我做的。然后就花了几天时间做了一个2048小游戏,兼容到pc端和部分移动端(设备有限,有的移动浏览器真的没兼容到或者是真的不想做兼容了)。仅供大家看看就好哈。 github地址: https://github.com/GDUTxxZ/20... 在线预览: http://47.94.199.75/index.html (这个网址暂时有效。。以后点进去不知道又是我的什么实验作品。) 游戏介绍 我做完给朋友看之后发现不是每个人都玩过这个游戏。简单介绍一下游戏内容好了。 获胜条件: 拼凑出一个2048方块 失败条件: 当前没有可用方块,并且所有方块都不可以和临近方块合并 代码结构 index.html: <div id="bg"></div><!-- 背景 --> <div id="main"></div><!-- 实体 --> <div id="alert"> <span>游戏失败</span> <button>再来一局</button> <div> #bg为背景图,也就是空的灰色方块,因为方块移动的时候不能露出底下的空白 #main为实体,也就是游戏中我们看见的包含数字的方块 #alert为提示框,一开始display:none,当游戏胜利或者结束的时候,display:block #alert

RecyclerView item 可展开动画效果的实现

雨燕双飞 提交于 2019-12-04 19:22:40
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。 本文链接:https://blog.csdn.net/android_freshman/article/details/94354088 RecyclerView item 可展开动画效果的实现 前文提要: 1.相关说明: 1-1.布局文件: 1-2.动画工具类说明(代码我基本上都添加了注释): 1-3.问题: 2.如何使用: 2-1.viewHoler 需要实现 ExpandableViewHoldersUtil.Expandable 接口 2-2.adapter 2-3.ExpandableViewHoldersUtil 3.结束: 前文提要: Android list 列表里面空间的显示和 隐藏,基本都是用的View.VISIBLE 和 View.GONE 实现的,展示的效果有点突兀,看了ios 同事做的相同的效果,他们的很顺畅,所以决定做一个相同的效果. 已经上传到github 上面地址是 demo的项目地址 :https://github.com/luhui2014/ExpandableViewHolder/tree/master 1.相关说明: 参考资料:Android—RecyclerView之动画(工具类)实现可展开列表 1-1.布局文件:

Golang interface接口全面理解(一)

空扰寡人 提交于 2019-12-04 02:20:42
There are three kinds of time: the future is late, and now it is flying like an arrow. The past will never stand still. 时间的步伐有三种:未来姗姗来迟,现在像箭一般飞逝,过去永远静立不动。 什么是interface 在面向对象编程中,可以这么说:“接口定义了对象的行为”, 那么具体的实现行为就取决于对象了。 在Go中, 接口是一组方法签名 。当一个类型为接口中的所有方法提供定义时,它被称为实现该接口。它与oop非常相似。接口指定类型应具有的方法,类型决定如何实现这些方法。 创建和实现interface 在Golang中只要实现了接口定义的方法,就是(JAVA implement)实现了该interface package main import ( "fmt" ) //定义interface type VowelsFinder interface { FindVowels() []rune } type MyString string //实现接口 func (ms MyString) FindVowels() []rune { var vowels []rune for _, rune := range ms { if rune == 'a' || rune =

vue组件开发练习--焦点图切换

微笑、不失礼 提交于 2019-12-03 15:10:11
1.前言 vue用了有一段时间了,开发的后台管理系统也趋于完善,现在时间比较算是有点空闲吧!这个空闲时间我在研究vue的另外的一些玩法,比如组件,插件等。今天,我就分享一个组件的练手项目--焦点图切换组件。这个项目是我用于vue组件练习的一个项目,当然了,代码也会提交到github( ec-slider ),也会维护。我也想我开发的东西好用一点!现在,就是建议有需要的伙伴,可以来玩下这个项目,当练习的作用!另外,如果大家有什么建议,欢迎指点! 建议 1.下面的步骤,最好在自己本地上跑起来,根据文章的步骤,逐步完成,如果只看代码,很容易懵逼的。 2.如果不清楚哪个代码有什么作用,可能自己调试下,把代码去掉后,看下有什么影响,就很容易想出代码有什么作用了! 2.项目目录 很普通,很好理解的一个目录,但还是简单的解释一下吧 node_modules :文件依赖模块(自动生成) dist :打包文件产出目录(自动生成) src :开发文件目录 src/components :组件文件目录 .babelrc :babel编译es6的配置文件 .gitnore :不提交到git的文件(目录)的配置文件 fontSize :设置rem算法的文件(现在没用到,忽略) index.html :模板文件 index.js :入口文件 package.json :配置文件 README.md :说明文档

Disable arrow key scrolling in users browser

匿名 (未验证) 提交于 2019-12-03 09:02:45
可以将文章内容翻译成中文,广告屏蔽插件可能会导致该功能失效(如失效,请关闭广告屏蔽插件后再试): 问题: I'm making a game using canvas, and javascript. When the page is longer than the screen (comments, etc.) pressing the down arrow scrolls the page down, and makes the game impossible to play. What can I do to prevent the window from scrolling when the player just wants to move down? I guess with Java games, and such, this is not a problem, as long as the user clicks on the game. I tried the solution from: How to disable page scrolling in FF with arrow keys ,but I couldn't get it to work. 回答1: Summary Simply prevent the default browser action: