仿小米logo案例

效果:做一个具有logo能过渡切换效果,类似于小米网站的logo 思路:将两个用于切换的logo以文字形式嵌入活动块banner的左右半,活动块banner的上级是主展示块box,初态只展示右半logo,利用margin变化来切换到左半logo,用过渡装饰,初态末态都是一个logo展示,一个logo遮住. 代码:https://github.com/Tracker647/weblearn/tree/master/%E4%BB%BF%E5%B0%8F%E7%B1%B3logo%E8%BF%87%E…

WPF之小米Logo超圆角的实现

某些新闻:小米logo换新,程序员一行代码(border-radius:19px)实现,目前此行代码价值200万某程序员内心:所以还是因为我代码写太少了,所以这200万才没有我的份吗? 这事儿也成功的引起了本羊的注意,花点时间,咱也用WPF来实现一下,到底这超圆角有多好看? 先上效果图: 经过一番了解,其实本质也就一条数学函数:|x|^n+|y|^n=1,上代码: 1 public class UIElementHelper 2 { 3 public static double GetSupe…

html-模仿小米首页定位案例

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> * { margin: 0; padding: 0; } li{ list-style: none; } div{ width: 1226px; height: 460px; border: 1px s…

ScrollView反弹效果仿小米私密短信效果

转载请标明出处:http://blog.csdn.net/lmj623565791/article/details/28441197 如今非常多APP都给ScrollView加入了反弹效果.QQ.小米私密短信等.恰好在网上看到一个类:BounceScrollView , 原创地址是:http://blog.csdn.net/h7870181/article/details/8960430 . 可惜作者没有提供一个效果图.于是我发现小米短信列表页往下拉.有反弹效果,且拉到1/3以上时,会打开私密短…

自定义控件（视图）2期笔记09：自定义视图之继承自ViewGroup（仿ViewPager效果案例）

1. 这里我们继承已有ViewGroup实现自定义控件,模拟出来ViewPager的效果,如下: (1)实现的效果图如下: (2)实现步骤: • 自定义view继承viewGroup • 重写onLayout方法,为每一个子View确定位置 • 重写onTouchEvent方法,监听touch事件,并用scrollTo()或scrollBy()方法移动view • 监听UP事件,当手指抬起时候,判断应显示的页面位置,并计算距离.滑动页面. • 添加页面切换的监听事件 2. 具体实现过程,如下:…

60.自己定义View练习（五）高仿小米时钟 - 使用Camera和Matrix实现3D效果

*本篇文章已授权微信公众号 guolin_blog (郭霖)独家公布本文出自:猴菇先生的博客 http://blog.csdn.net/qq_31715429/article/details/54668668 继续练习自己定义View.. 毕竟熟才干生巧.一直认为小米的时钟非常精美.那这次就搞它~这次除了练习自己定义View,还涉及到使用Camera和Matrix实现3D效果. 附上github地址: https://github.com/MonkeyMushroom/MiClockView…

仿小米便签图文混排 EditText解决尾部插入文字bug

一直想实现像小米便签那样的图文混排效果,收集网上的办法无非三种: 1.自定义布局,每张图片是一个ImageView,插入图片后插入EditText,缺点是实现复杂,不能像小米便签那样同时选中图片和文字 2.通过Html.fromHtml(source),可以将图片加载写进ImageGetter,实现后无bug,但是只能显示Html,当EditText setText后,想取出之前的HTML格式图片得到的是一个obj的字符,查看了很多博客,包括stackoverflow也没给出办法从e…

仿小米简约Calculator

上个星期的时候,我想教我朋友做一个简单的app.想来想去教什么比較好.当时看见小米的计算器认为比較美丽,就想这个简单.然后就開始动手做了.我以为能够一个小时能够搞定.没想到花了快一天的时间. 哎.突然想起曾经公司的CTO的话,一切都是从简单開始的. 我自己的思路是:将计算器的item分为:integer,float,运算符,用list去存储. 然后我通过标记上一次输入的标记.推断它是否该插入list还是拿到last改动.然后依据先遍历高级运算,得到结果,将i-1设置为得到的结果.移除i+1,i.…

仿小米网jQuery全屏滚动插件fullPage.js

演示下载简介如今我们经常能见到全屏网站,尤其是国外网站.这些网站用几幅很大的图片或色块做背景,再添加一些简单的内容,显得格外的高端大气上档次.比如 iPhone 5C 的介绍页面,QQ浏览器的官网站.如果你也希望你的网站能设计成全屏的,显得更上档次,你可以试试 fullPage.js. fullPage.js 是一个基于 jQuery 的插件,它能够很方便.很轻松的制作出全屏网站,主要功能有: 支持鼠标滚动支持前进后退和键盘控制多个回调函数支持手机.平板触摸事件支持 CSS…

android 仿小米icon处理，加阴影和边框

本人自己在做一个launcher,所以须要处理icon,加阴影和边框等.这仅仅是一种处理方法,其它的处理方法类似. 源码: https://github.com/com314159/LauncherIconMaskEffect 效果图: 核心思想: 1. 绘制边框时,先取原图片的颜色,再依据颜色绘制边框,加上了渐变效果 2.加入阴影事实上很easy,仅仅是加了一张背景图片…

Android -- 仿小米锁屏画报

1,首先看一下我们今天实现的效果,效果图如下: 2,首先说一下大体的实现思路,首先这个视图一共分为三层,最外层是一个RecyclerView,第二层是一个被虚化的ImageView,第三层是一个正常的ImageView.当用户滑动RecyclerView,监听滑动的高度而动态的改变第二层ImageView的透明度,当RecyclerView滑动高度超过某个特定的高度的时候,透明度达到最大值即第二层虚化的ImageView完全展现.当RecyclerView滑动到起始位置的时候,透明度达到最小值即…

Discuz3.3精仿小米风格整站模板制作——1、新建模板方案

术语说明: 模板——模板是一堆按照规定命名方式的html文件,用于指定整个论坛不同页面的外观. 标签——标签和模板共同作用以实现论坛换肤功能,其中标签主要控制页面显示什么数据,显示多少条等. 风格——风格是一个xml配置文件,用于配置一些固定区域字体的大小.颜色.背景色等.例如春节时,整个版面变成喜庆红色等.风格这个功能实质上是一种可以直接在后台设置论坛中固定格式的文字(如标题列表等)的大小.颜色.背景色等而不用单独写css文件进行覆盖的技术.对于有编码能力的站长来说,其实无多大意义. Di…

CSS练习：仿小米官网

代码: <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <title>Zz...</title> <style> /*全局样式*/ * { margin: 0 auto; padding: 0; } a { text-decoration: none; } ul { list-style-type:…

01-css3之过渡

一.介绍过渡(transition)是CSS3中具有颠覆性的特征之一,我们可以在不使用 Flash 动画或 JavaScript 的情况下,当元素从一种样式变换为另一种样式时为元素添加效果,经常和 :hover 一起搭配使用. 二.语法 transition: 要过渡的属性花费时间运动曲线何时开始; transition: property duration timing-function delay; 三.属性 1.property 想要变化的 css 属性,宽度.高度.背景颜色.内…

css画小米、遨游logo

狠简单的2个Logo,用纯css写出来,觉得挺好玩的. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>遨游.小米logo</title> <meta name=…

小米网css3导航下拉菜单代码

效果:http://hovertree.com/texiao/css3/19/ 代码如下: <!doctype html>  <html lang="zh">  <head> <meta charset="UTF-8">  <title>CSS3菜单仿小米官网菜单 - 何问起</…

《云阅》一个仿网易云音乐UI，使用Gank.Io及豆瓣Api开发的开源项目

CloudReader 一款基于网易云音乐UI,使用GankIo及豆瓣api开发的符合Google Material Desgin阅读类的开源项目.项目采取的是Retrofit + RxJava + MVVM-DataBinding架构开发.开发中所遇到的各种问题已归纳在这里. github地址:CloudReader Introduction 网易云音乐于2013年4月23日正式发布,是一款主打发现和分享,带有浓厚社交基因的网络音乐产品.相信用过的人都知道它给人的体验是极好的,我看过了绝大多数…

ToastMiui【仿MIUI的带有动画的Toast】

版权声明:本文为HaiyuKing原创文章,转载请注明出处! 前言仿MIUI的带有动画的Toast 效果图代码分析 ToastMiui类基于WindowManager 为了和Toast用法保持一致,ToastMiui类中也使用了makeText.show.setGravity.setText方法.方便在项目中直接替换Toast. 使用步骤一.项目组织结构图注意事项: 1. 导入类文件后需要change包名以及重新import R文件路径 2. Values目录下的文件(strings…

web开发：javascript案例

一.浮动与定位复习二.小米菜单案例三.轮播图四.滚动轮播一.浮动与定位复习 - 浮动与相对定位 ```js// 1.两者均参与布局// 2.主浮动布局, 相对布局辅助完成布局微调// 3.相对定位布局微调不同于盒模型布局微调, 相对定位布局不影响盒子原有位置, 就不会影响兄弟盒子布局``` - 浮动与绝对定位 ```js// 1.只保留绝对定位布局// 2.脱离文档流的盒子宽可以交于内容撑开``` <!DOCTYPE html> <html> <head> &l…

Vue开源项目库汇总

最近做了一个Vue开源项目库汇总,里面集合了OpenDigg 上的优质的Vue开源项目库,方便移动开发人员便捷的找到自己需要的项目工具等,感兴趣的可以到GitHub上给个star. UI组件 element ★9305 - 饿了么出品的Vue2的web UI工具套件 Vux ★6802 - 基于Vue和WeUI的组件库 mint-ui ★4776 - Vue 2的移动UI元素 iview ★4458 - 基于 Vuejs 的开源 UI 组件库 Keen-UI ★2363 - 轻量级的基本UI组件…

Android开源项目库汇总

最近做了一个Android开源项目库汇总,里面集合了OpenDigg 上的优质的Android开源项目库,方便移动开发人员便捷的找到自己需要的项目工具等,感兴趣的可以到GitHub上给个star. 抽屉菜单 MaterialDrawer ★7337 - 安卓抽屉效果实现方案 Side-Menu.Android ★3865 - 创意边侧菜单 FlowingDrawer ★1744 - 向右滑动流动抽屉效果 SlidingRootNav ★1338 - 仿DrawerLayout的ViewGroup…

Vue常用经典开源项目汇总参考-海量

Vue常用经典开源项目汇总参考-海量 Vue是什么? Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的渐进式框架.与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计.Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合.另一方面,Vue 完全有能力驱动采用单文件组件和 Vue 生态系统支持的库开发的复杂单页应用. Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件. 易用(已经会了HTML,CSS,…

Vue常用开源项目汇总

前言:Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架.与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用.Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合.另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动. Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件.易用(已经会了HTML,CSS,JavaScript 即可轻松上手).灵活(简单小巧…

Vue应用框架整合与实战--Vue技术生态圈篇

实用框架以及工具 UI组件开发框架实用库服务端辅助工具应用实例 Demo示例 UI组件 Element-UI ★13489 - 饿了么出品的Vue2的web UI工具套件 Vux ★8133 - 基于Vue和WeUI的组件库 iview ★6634 - 基于 Vuejs 的开源 UI 组件库 mint-ui ★6253 - Vue 2的移动UI元素 muse-ui ★3705 - 三端样式一致的响应式 UI 库 vue-material ★3328 - 通过Vue Material和V…

vue各种插件汇总

https://blog.csdn.net/wh8_2011/article/details/80497620(copy) Vue是什么? Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的渐进式框架.与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计.Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合.另一方面,Vue 完全有能力驱动采用单文件组件和 Vue 生态系统支持的库开发的复杂单页应用. Vue.js 的目标是通过尽可能…

GitHub上受欢迎的Android UI Library

GitHub上受欢迎的Android UI Library 内容抽屉菜单 ListView WebView SwitchButton 按钮点赞按钮进度条 TabLayout 图标下拉刷新 ViewPager 图表(Chart) 菜单(Menu) 浮动菜单对话框空白页滑动删除手势操作 RecyclerView Card Color Drawable Spinner 布局模糊效果 TabBar AppBar 选择器(Picker) 跑马灯日历时间主题样式 ImageView 通…

VUE插件大总结

UI组件 element - 饿了么出品的Vue2的web UI工具套件 Vux - 基于Vue和WeUI的组件库 mint-ui - Vue 2的移动UI元素 iview - 基于 Vuejs 的开源 UI 组件库 Keen-UI - 轻量级的基本UI组件合集 vue-material - 通过Vue Material和Vue 2建立精美的app应用 muse-ui - 三端样式一致的响应式 UI 库 vuetify - 为移动而生的Vue JS 2组件框架 vonic - 快速构建移动端单页…

Vue相关开源项目库汇总

https://github.com/opendigg/awesome-github-vue http://www.opendigg.com/tags/front-vue README.md 内容 UI组件开发框架实用库服务端辅助工具应用实例 Demo示例 UI组件 element ★9521 - 饿了么出品的Vue2的web UI工具套件 Vux ★6888 - 基于Vue和WeUI的组件库 mint-ui ★4835 - Vue 2的移动UI元素 iview ★4551 - 基于…

vue插件大全汇总

Vue是一个构建数据驱动的 web 界面的渐进式框架.Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件特别整理了常用的vue插件,来了个大汇总,方便查找使用,便于工作和学习.很全的vue插件汇总,赶紧收藏下吧! 一.UI组件及框架 element - 饿了么出品的Vue2的web UI工具套件 mint-ui - Vue 2的移动UI元素 iview - 基于 Vuejs 的开源 UI 组件库 Keen-UI - 轻量级的基本UI组件合集 vue-materia…

【转载】 github vue 高星项目

内容 UI组件开发框架实用库服务端辅助工具应用实例 Demo示例 UI组件 element ★13489 - 饿了么出品的Vue2的web UI工具套件 Vux ★8133 - 基于Vue和WeUI的组件库 iview ★6634 - 基于 Vuejs 的开源 UI 组件库 mint-ui ★6253 - Vue 2的移动UI元素 muse-ui ★3705 - 三端样式一致的响应式 UI 库 vue-material ★3328 - 通过Vue Material和Vue 2建立精美的…

【仿小米logo案例】的更多相关文章