- 博客(133)
- 资源 (7)
- 收藏
- 关注
原创 解决canvas.clipRegion 方法过时,实现裁剪减动画
最近想做一个图片裁剪的特效,发现原来的api :canvas.clipRegion过时了,过期了我旧换一个好了,例如,clipRect,clipPath,下面就用clipPath实现 废话不说代码如下:package com.yuzy.test;import android.content.Context;import android.graphics.Bitmap;im...
2018-12-18 20:07:00
3054
原创 HTML5基础加强css样式篇(语义化表单)(五十六)
1.语义化表单<!doctype html><html><head><meta charset="UTF-8"/></head><body> <form action="" method="get"> <!-
2018-04-27 16:05:59
498
转载 HTML5基础加强css样式篇(语义化标签和其兼容IE8)(五十五)
1.语义化标签<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <!--:简短、描述性、唯一(提升搜索引擎排名)。、--> &l
2018-04-27 11:01:48
671
原创 错误:android studio集成第三方库文件,在4.4以下报错:java.lang.NoClassDefFoundError: io.rong.common.SystemUtils问题
1.错误 java.lang.NoClassDefFoundError: io.rong.common.SystemUtils例子:我集成的是融云的聊天库:2.在5.0以上手机完美运行可是到了4.4以下包括4.4就出现这个问题,搞得别苦,进过两天查询和百度的努力终于搞清楚了原因:是Android应用的方法总数限制造成的。Android平台的Java虚拟机Dalvik在执
2017-05-25 12:36:46
2239
1
原创 错误:Repository test has failed (Android studio git配置)
错误:Repository test has failed (Android studio git配置)本错误因为git没配好导致:所以重新配置就行①下载git:https://pan.baidu.com/s/1kU5OCOB#list/path=%2Fpub%2Fgit②傻瓜式安装,不停的点下部就行:(可以选择安装路径,这个路径后面要用)③开始菜单里找到“Git”->“G
2017-05-15 23:19:33
12969
原创 错误:导入其新的工程时Android studio 停止在 building 'pushstream'Gradle project info界面
1.错误:导入其新的工程时Android studio 停止在 building 'pushstream'Gradle project info界面错误截图如下:这大多数原因是因为,导入新的工程as在下载初始化的东西,但是下载的特别慢,导致,所以解决办法就预先下载好所需要的东西,放进特定的文件夹,一般这种情况都是grdle没有下载完成,
2017-05-15 17:59:16
652
原创 错误:com.android.build.api.transform.TransformException: java.util.zip.ZipException: duplicate entry:
错误:Error:Execution failed for task ':app:transformClassesWithJarMergingFor_360Debug'.> com.android.build.api.transform.TransformException: java.util.zip.ZipException: duplicate entry: android/os/Sys
2017-05-08 14:25:12
3072
1
原创 错误:Failed to import Gradle project
1.错误:Failed to import Gradle project错误原因:android studio 没能自动下载gradle-3.3-all.zip(版本号无所谓)文件造成的。Gradle设置为如图所示:解决方案:1.手动下载对应的文件:http://services.gradle.org/distributions/gradle-3.3-all.zip(版本自
2017-05-05 22:20:47
2599
原创 错误:Gradle sync failed: Could not find method android() for arguments [build_6d4hiu27bgm2ho4bez6d80wx
1.错误:错误:Gradle sync failed: Could not find method android() for arguments [build_6d4hiu27bgm2ho4bez6d80wx解决方案:删掉Android{},重新Rebuild project\Clean project 工程解决新的错误如图:
2017-05-05 21:51:22
17333
原创 错误:Gradle sync failed: Could not download junit.jar (junit:junit:4.12): No cached version available
1.错误:Gradle sync failed: Could not download junit.jar (junit:junit:4.12): No cached version available for解决方案:1.setting->查找Gradle,在页面内将如下图所示的勾选去掉,点击ok3.“Build"->"clean Project" 会出现如下所示错误提示:
2017-05-05 21:43:50
12235
原创 HTML5基础加强css样式篇(伸缩容器子元素属性:order,flex-grow,flex-shrink,flex-basis,flex,align-self)(五十四)
1
2017-04-27 17:04:28
1203
原创 HTML5基础加强css样式篇(伸缩容器属性:flex-direction, flex-wrap,flex-flow,align-items,align-content)(五十三)
1.justify-content 属性详见(五十二)2.flex-direction:row || row-reverse || column || column-reverse //设置主轴的方向row:默认:row 反向设置主轴方向:column :主轴方向设置为纵轴方向(纵轴的方向为原来横轴的正方向);column-reverse:主轴方向设置为纵轴方向的反方向(纵轴的方向为原来横轴的正方...
2017-04-27 15:48:43
5400
1
原创 HTML5基础加强css样式篇(伸缩容器介绍和横轴对其属性 justify-content)(五十二)
1.伸缩盒模型属性简介:(1) 容器默认存在两根轴:①水平的主轴(main axis)和垂直的交叉轴(cross axis)。②主轴的开始位置(与边框的交叉点)叫做main start,结束位置叫做main end。③交叉轴的开始位置叫做cross start,结束位置叫做cross end。④默认沿主轴排列。⑤单个项目占据的主轴空间叫做main size,占据的交叉轴空间
2017-04-24 15:11:17
2099
原创 HTML5基础加强css样式篇(伸缩容器的简介和声明:display:flex||inline-flex)(五十一)
1为什么要有伸缩容器: 1. 使用浮动布局,无法实现等高 2.不能很快的调整DOM的顺序 3.不能很好控制子元素的位置2.如何声明一个伸缩容器: display:flex; .layout-box { width: 600px; height: 300px;
2017-04-24 10:44:04
2201
原创 HTML5基础加强css样式篇(table-cell应用,多列等宽)(五十)
/* 制作多列等宽自适应布局 1.父元素 display: table; width: 100% 2.布局元素(子元素 ) display: table-cell; 3.子元素之间的空隙,通过一个正常的div分割即可。 4.如果存在多行,需要在包裹一个 display: table-row()*/
2017-04-21 14:26:44
3643
原创 HTML5基础加强css样式篇(负右外边实例)(四十九)
1.利用负右外边距实现右侧固定左侧自适应布局结构 /* 需求: 左侧自适应(随着浏览器窗口宽度的变化而变化) 右侧固定宽度 1.两列都需要设置浮动 2.第一列设置 100% 宽度,同时设置右侧外边距为负,绝对值 = 第二
2017-04-21 14:21:10
429
原创 HTML5基础加强css样式篇(右外边距失效问题解释)(四十八)
.box-wrapper { width: 500px; height: 500px; background-color: orange; } .box{ width: 400px; height: 200px; marg
2017-04-21 14:05:37
2785
原创 HTML5基础加强css样式篇(css属性:怪异盒模型解析)(四十六)
1.怪异盒模型和border有关:设置border宽度可以影响其他元素的布局:但是在IE5及以下里面只是影响其子元素;2.可以同时设置 box-sizing属性来使用这一特性,是其改变border宽度也不影响其他元素;3,.box-sizing:简单理解就是盒子大小基于什么计算的; 2.使用如下: .box-wr
2017-04-07 17:21:24
1715
原创 HTML5基础加强css样式篇(完美解决文字多余的打省略号的问题)(四十五)
1.将以下css代码复制到需要处即可: word-break: break-all;//不能换行 text-overflow: ellipsis;//显示省略号 display: -webkit-box; /** 将对象作为伸缩盒子模型显示 **/ -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/ -webk...
2017-04-07 16:48:36
1264
原创 HTML5基础加强css样式篇(文字阴影css属性:text-shadow)(四十四)
1.文字阴影: .box { margin: 100px 0 0 100px; width: 200px; height: 200px; background-color: orange; color: #fff;
2017-04-07 16:43:04
2826
原创 HTML5基础加强css样式篇(white-space属性)(四十三)
1.white-space: .box { margin: 100px 0 0 100px; width: 200px; height: 200px; background-color: orange; /* normal 默认。空白会被浏览器忽
2017-04-07 16:00:47
559
原创 HTML5基础加强css样式篇(CSS3 文本 - 英文单词截断与不截断:word-break,overflow-wrap,white-space)(四十二)
1. body{ font-size: 18px; } p, h3{ font-family: "Microsoft YaHei UI", tahoma, Hiragino Sans GB, sans-serif; font-weight: bo
2017-04-07 15:55:02
4237
原创 HTML5基础加强css样式篇(background-image径向渐变函数)(四十一)
1.radial-gradient基础使用: .box { margin: 100px 0 0 100px; width: 400px; height: 200px; background-image: radial-gradient(red, b
2017-04-07 15:45:51
3956
原创 HTML5基础加强css样式篇(background-image线性渐变函数:linear-gradient)(四十)
1.linear-gradient基础: .box { margin: 200px 0 0 200px; width: 200px; height: 200px; background-color: orange; /*基本
2017-04-07 15:10:08
26290
2
原创 HTML5基础加强css样式篇(背景图大小设置:background-size)(三十九)
1.background-size属性: .box { margin: 200px 0 0 200px; width: 200px; height: 200px; background-color: orange; backg
2017-04-07 14:15:26
29223
原创 HTML5基础加强css样式篇(IE浏览器版本区别 条件表达式)(三十八)
1.条件表达式基础:2.表达式使用样例: .box { margin: 200px 0 0 200px; width: 200px; height: 200px; background-color: orange; }
2017-04-07 09:59:43
497
原创 HTML5基础加强css样式篇(文本裁剪,背景裁剪:background-origin,background-position,background-clip)(三十七)
1.背景定位: .box { /* .box 默认样式 */ margin: 200px 0 0 200px; width: 200px; height: 200px; background-image: url("img/l
2017-04-06 17:23:08
4813
原创 HTML5基础加强css样式篇(盒子阴影属性:box-shadow)(三十六)
1.box-shadow属性简介: .box { /* .box 默认样式 */ margin: 200px 0 0 200px; width: 200px; height: 200px; background-color:
2017-04-06 16:47:18
9731
1
原创 HTML5基础加强css样式篇(css属性border圆角:border-radius)(三十五)
1.制作圆角: .box { /* .box 默认样式 */ margin: 200px 0 0 200px; width: 200px; height: 200px; background-color: orange;
2017-04-06 16:01:42
1463
原创 HTML5基础加强css样式篇(css属性border详解:图片边框border-image-slice,border-image-repeat,border-image-width(二))(三十四)
1.图片边框:可以使用图片制作边框先通过四根线把图片分成九份,中间一份为内容区域;其他分别对应边框的对应部分;分割线属性: border-image-slice代码如下: .box { /* .box 默认样式 */ margin: 200px 0 0 200px;
2017-04-06 15:14:58
1835
原创 HTML5基础加强css样式篇(animation简写,控制多个动画,动画帧简写)(三十二)
1.animation简写例子: .box { /* .box 默认样式 */ margin: 200px 0 0 200px; width: 200px; height: 200px; background-color: o
2017-04-05 16:01:37
4675
原创 HTML5基础加强css样式篇(animation填充属性:animation-fill-mode,播放控制属性:animation-play-state,播放顺序设置,)(三十一)
代码如下: .box { /* .box 默认样式 */ margin: 200px 0 0 200px; width: 200px; height: 200px; background-color: deeppink;
2017-04-05 14:57:52
1939
原创 HTML5基础加强css样式篇(animation属性animation-name,animation-delay,animation-duration,等)(三十)
1.
2017-04-05 14:06:44
2029
原创 HTML5 完美解决javascript中iphone手机和android手机复制文本到剪切板问题
1.执行以下解决方案条件:(这个是原理)①执行复制方法时 所复制文字不能被任何 块级元素和行内块元素和行内元素遮盖否则无效;(解决方案:将文本通过绝对定位或其他方式移除屏幕外)②ios中不能复制属性值,只能复制文本元素节点;(解决方案:可以把文字颜色设成背景色就能达到隐藏看不见的效果不影响显示);直接上代码:以下是伪代码js代码: function img() { if (navig...
2017-03-27 14:54:18
28588
5
原创 HTML5基础加强css样式篇(css属性transform 函数(2D)时钟)(二十六)
1.时钟:效果图: Title html,body{ margin:0px; padding: 0px;; } #wapper{ position: relative; width: 200px;
2017-03-21 14:54:58
456
原创 HTML5基础加强css样式篇(css属性transform 函数(3D)transform-style)(二十五)
上一篇说的是2D这一篇说3D(3D空间思维不好的请自行绕过)1.打开3D空间: transform-style: ①可选值:flat(2D默认值) ,preserve-3d (3D) 2.
2017-03-21 14:33:21
765
原创 HTML5基础加强css样式篇(css属性transform 函数(2D)的scale(),transform-origin,skew(),translate(),rotate() )(二十四)
1.transform 2D简介:1.变形(transform)是CSS3新增的一个样式,该样式配合4个变形函数一起使用,函数如下变化 1.缩放 scale() 2.倾斜 skew() 3.位移 translate() 4.旋转 rotate()2.缩放函数scale(): (1)语法介绍: ①scale(x, y
2017-03-21 13:48:53
1029
网页日期插件,兼容到ie6
2018-04-27
语义化标签兼容IE8以上文件
2018-04-27
w3School离线手册
2017-01-06
环信移动客服DEMO无问题版
2016-10-14
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人