ViewPager的基本用法不必多说,这都很简单,我们可以在ViewPager中加载一个ImageView,也可以加载一个Fragment,这都是目前非常常见的用法.那么我今天说的是ViewPager中的PageTransformer属性,用好这个属性可以让我们的应用更加出彩,OK,那我们就开始吧! 本文将从如下几方面来介绍: 1.clipChildren属性2.一个页面显示多个ViewPager的Item3.初识PagerTransformer4.进一步了解PagerTransformer5.…
ViewPager一屏显示多个子页面,常见的有两种形式: 1.当前展示的页面右侧显示一部分下个页面的内容 2.当前页面居中,左右两边分别显示上一个页面.下一个页面 第 1 种表现形式的实现代码 其实这种效果很容易实现,谷歌给我们提供了方法,只需要在adapter中重写这个方法就可以了. /** * Returns the proportional width of a given page as a percentage of the * ViewPager's measured width f…
项目中用到了echarts,并且页面是自适应的,且页面中有一个[放大.缩小]功能,因此图表还需要根据盒子的大小来变化. 即:两个需求,如下: ① 图表根据窗口的大小自适应 ② 图表根据所在盒子的大小自适应 1.窗口大小自适应好说,可以通过 let myChart = This.$echarts.init(document.getElementById(This.id)); window.addEventListener('resize',() => { myChart.resize(); });…
  卡牌2D游戏展示 (游戏代码放到  卡牌04_游戏界面  文章最后面~) 游戏项目已托管到github上(里面有个32bit可执行文件) 传送门 规则 开始游戏每张卡牌初始翻开展示 展示几秒后卡牌扣下.    点击第一个卡牌,翻开.记录. 点击第二个卡牌, 如果不匹配,等待1秒后两个都重置为扣下 如果匹配,则变暗,禁止再次点击 所有卡牌成功配对 右上角显示时钟倒计时 时间结束,游戏失败 不同主题关卡不同,远不止15关~ 启动屏 主菜单界面选择主题,不同主题对应不同图片素材.点击后进入选关界面…
目录: 1. 树莓派Odroid等卡片式电脑上搭建NAS教程系列1-Ubuntu系统安装 2. 树莓派Odroid等卡片式电脑上搭建NAS教程系列2-SSH连接访问 3. 树莓派Odroid等卡片式电脑上搭建NAS教程系列3-挂载HDD硬盘+节电设置 4. 树莓派Odroid等卡片式电脑上搭建NAS教程系列4-FTP安装 5. 树莓派Odroid等卡片式电脑上搭建NAS教程系列5-Samba服务器安装 6. 树莓派Odroid等卡片式电脑上搭建NAS教程系列6-miniDLNA 该文章首发于浩瀚…
<!DOCTYPE html> <html> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <body > <button id="btn" >js控制页面的全屏展示和退出全屏显示</button> <div id="content" style="…
版权声明:本文为HaiyuKing原创文章,转载请注明出处! 前言 CollapsingToolBarLayout是一个作用于ToolBar基础之上的布局,它也是由Design Support库提供的.不过CollapsingToolBarLayout(可折叠的toolbar布局)是不能独立存在的,它在设计的时候就被限定只能作为AppBarLayout的直接子布局来使用.而APPBarLayout[垂直方向的LinearLayout]又必须是CoordinatiorLayout[加强版的Fram…
CardView适用于实现卡片式布局效果的重要控件,由appcompat-v7库提供,实际上CardView也是一个FrameLayout,只是额外提供了圆角和阴影效果,看上去有立体的感觉.一般CardView都用在ListView的item布局中. 使用方法很简单1:在app的build.gradle文件里面添加依赖库,注意版本要一致,不然会出错. dependencies { compile fileTree(dir: 'libs', include: ['*.jar']) androidT…
[Android] Android 卡片式控件CardView的优雅使用 CardView是在安卓5.0提出的卡片式控件 其具体用法如下: 1.在app/build.gradle 文件中添加 compile 'com.android.support:cardview-v7:25.3.1' // 卡片式布局 2.在xml布局文件中使用 <?xml version="1.0" encoding="utf-8"?><RelativeLayout xmln…
浏览器都有页面全屏的功能 F11 ,那么如何用JavaScript控制页面全屏呢?MDN上提供的的API , 一个小demo验证一下! <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-sca…