前面一篇博客解读了Android属性动画Property Animation系列一之ValueAnimator的相关知识点以及怎么使用。这篇博客继续解读Android 属性动画 ObjectAnimator 类的使用。 ObjectAnimator 相比ValueAnimator类，ObjectAnimator更加实用，因为它真正可以作用在一个对象上。不过ObjectAnimator是继承自ValueAnimator的，所以主体方法还是ValueAnimator里实现的。那么我们来看看ObjectAnimator的使用吧。常用方法有这些：ofFloat()，...
Android动画分类 市面上的很多APP都用到动画效果，动画效果用的好可以提升用户的体验度。那么Android系统都有哪些机制的动画呢？ 1.逐帧动画(frame-by-frame animation）。逐帧动画的工作原理很简单，其实就是将一个完整的动画拆分成一张张单独的图片，然后再将它们连贯起来进行播放，类似于动画片的工作原理。 2.补间动画（tweened animation）则是可以对View进行一系列的动画操作，包括淡入淡出、缩放、平移、旋转四种。 3....
在上一篇中我们学习了属性动画的ObjectAnimator使用，不了解的可以看看 Android属性动画Property Animation系列一之ObjectAnimator。这一篇我们来学点新的东西。做项目的时候应该碰到这种问题：根据不同条件显示或者隐藏一个控件或者布局，我们能想到的第一个方法就是 调用View.setVisibility（）方法。虽然实现了显示隐藏效果，但是总感觉这样的显示隐藏过程很僵硬，让人不是很舒服，那么有没有办法能让这种显示隐藏有个过渡的动画...
与背景相关的新增属性 大家都知道在HTML页面中，元素都是由以下几部分组成 使用background-clip来修改背景的显示范围，如果设定为border-box，则背景范围包含边框区域，如果设定为padding-box则不包含边框,包含padding区域。如果设定为content-box则背景只包含内容区域 background-origin属性：指定绘制背景图像的绘制起点，它的属性值跟background-clip是一样的，也就是说你可以通过它的指定绘制时从边框的左上角开始...
CSS3模块化结构 CSS历史发展 CSS（Cascading Style Sheet），层叠样式表，是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。 CSS3属性选择器 E[attr=val]表示具有属性att且其值等于val E[attr*=val]表示具有属性attr且其值中包含val E[attr^=val]表示具有属性attr且其值以val开头 E[attr$=val]表示具有属性attr且其值以val结尾 事实上除了以上四个之外还有俩用的相对比较...
CSS3媒体支持 在css3中允许我们在不改变内容的情况下，在样式中选择一种页面的布局以精确的适应不同的设备，从而改善用户体验 可以利用meta标签在页面中指定浏览器在处理本页面时按照多少像素的窗口宽度来进行，指定方法如下所示 CSS可以通过设置media来决定该样式所适用的设备，如screen、tv、print、speech、handheld、all等 CSS3则可以基于更多的视觉属性来设置，例如高、宽、高宽比、分辨率、设备...
viewport设置适应移动设备屏幕大小 viewport：允许开发者创建一个虚拟窗口并自定义其窗口的大小或缩放功能 代码中的content属性可以设置如下6种不同参数 Media Queries如何工作 1、定义当前屏幕可视区域的宽度最大值是600像素 那么small.css怎样写的呢 @media screen and (max-width:600px) { .demo { background-color:red; }} 2、定义当前屏幕可视区域的宽度长度在60...
在 CSS2 中，你可以为不同的媒介设备（如屏幕、打印机）指定专用的样式表，而现在借助 CSS3 的 Media Queries 特性，可以更为有效的实现这个功能。你可以为媒介类型添加某些条件，检测设备并采用不同的样式表。 例如，你可以把用于大屏幕上显示的样式和用于移动设备的专用样式放在一个样式文档中，这样，在不改变文档内容的情况下，不同的设备可以呈现不同的界面外观。阅读这篇文章学习 CSS3 Media Queries 的基本功能和国外...
一、HTML注释的语法 二、HTML注释的用处 1、普通注释（增强代码的可读性） 方便别人：方便其它程序员了解你的代码 方便自己：方便以后对自己代码的理解与修改等等 常常听说这样一句话，“好的代码，注释占三分之一”，这里暂且不去讨论三分之一的注释是多是少，只需明确一点，注释很重要。 我的理解：1.好的代码，需要注释 2.注释是不是越多越好呢？不是的 注释...
前言 在CSS:关于元素高度与宽度的讨论 系列文章（一）中讨论了display为display：block的非置换元素的宽度与高度在不同情况下的表现,但是有些地方并不严谨,因此在这里做一个补充，在补充前先简单介绍一下css盒模型以及其在可视化格式模型中布局中被管理的几个要点和containing box。 The CSS box model describes the rectangular boxes that are generated for elements in the document tree and laid out according to the...
独自坐着地铁 突然一股莫名的孤独感涌上心头，原来这么久都是一个人承载着生活中的苦辣与酸甜！ 往往都在拼命的往终点狂奔，忽略了太多身边的人和事了，需要我们静下来，重新整理一下自己的思绪，勿忘初衷！??2015-10-11（帮朋友搬家） 好，我们进入今天的主题 重新整理一下css中一些容易忽略的问题 1.css盒子模型 body{margin: 0;} .container{margin...
初始化 ：快速编写HTML代码 HTML文档需要包含一些固定的标签，比如、、等，现在你只需要1秒钟就可以输入这些标签。比如输入“!”或“html:5”，然后按Tab键： html:5 或!：用于HTML5文档类型 html:xt：用于XHTML过渡文档类型 html:4s：用于HTML4严格文档类型 子元素嵌套 “>” div>ul...
【01】emmet系列之基础介绍 【02】emmet系列之HTML语法 【03】emmet系列之CSS语法 【04】emmet系列之编辑器 【05】emmet系列之各种缩写 相关网址 官网： http://docs.emmet.io/ 安装网站： https://packagecontrol.io/packages/Emmet 基础介绍 Emmet的...
【01】emmet系列之基础介绍 【02】emmet系列之HTML语法 【03】emmet系列之CSS语法 【04】emmet系列之编辑器 【05】emmet系列之各种缩写 单位： 有几个常用值别名： p % e em x ex example: 输入: w100p 输出: width:100% exam...
【01】emmet系列之基础介绍 【02】emmet系列之HTML语法 【03】emmet系列之CSS语法 【04】emmet系列之编辑器 【05】emmet系列之各种缩写 前端开发人员，常用的是sublime和webstorm。 emmet在sublime上的效果： 1). css ：他与其它编辑器的区别在于细节上，比如ctrl,alt+方向键可以修和里边的数值 2). html 效果...