版权声明:本文为HaiyuKing原创文章,转载请注明出处! 前言 该Demo主要演示DialogFragment作为普通页面,显示全屏和状态栏下方的效果以及动画效果. 效果图 代码分析 @Override public void onStart() { super.onStart(); if(mTag.equals(TAG_FULLSCREEN)){//全屏显示 //设置对话框的宽高,必须在onStart中 Window window = this.getDialog().getWindow(

## Splash ## - 旋转 RotateAnimation - 缩放 ScaleAnimation - 渐变 AlphaAnimation 工程可以作为一个库被其他工程当成一个Library使用,这样就可以使用另一个工程的java代码和图片,如果把另一个工程打成一个jar包,因为jar包不能里面不能带图片,所以当成jar包的时候不能使用该工程里面的图片. ## SlidingMenu(侧边栏效果,使用开源库) ## 最火的Android开源项目 http://www.csdn.net/a

在<JS模拟百度分享侧边栏效果>一文中对于Div区块的运动通过JS实现了鼠标移入滑出显示,鼠标移出滑入隐藏的效果.其实在CSS3中通过transition属性就可以较为轻松实现. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <style> html, body { m

最近从github上看到一个关于侧边栏的项目,模仿的是qq侧边栏. Github地址是https://github.com/SpecialCyCi/AndroidResideMenu ,这个项目是一个android studio项目,可以导入android studio中,也可以导入到Eclipse中. 其中的ResideMenu就是写好的第三方控件,可以拿过来直接用.我们主要来看一下它是如何来运用的 public class MenuActivity extends FragmentActiv

模拟百度分享侧边栏的弹出与滑入效果.当鼠标移入#div1分享侧边栏,#div1分享侧边栏区块匀速滑出直至其全部露出.当鼠标移除#div1分享侧边栏,#div1分享侧边栏区块匀速滑入隐藏,直至恢复初始位置.若#div1区块未全部露出时,鼠标移出,#div1区块则开始滑入隐藏:若#div1区块未全部滑入隐藏,鼠标移入,则div1区块则开始匀速弹出. <!DOCTYPE html> <html> <head> <title>JS运动框架案例:类百度分享制作<

> 使用步骤库:别的程序可以用它的方法.图片. 下载的其中一个框架的例子是没有actionBar的,example_update 引入出错可能是俩个v4包冲突了,删掉工程里的一个,不要删了库里的,如果还有错误看probles里说什么或者重启,或者选中工程右键-build path-最后一项,把有x的移除,这是运行环境的问题.而我的问题是软件里自带的v7程序里的v4包和库里的v4包冲突了,我将这个替换掉,发现以前所有的工程都报错了,发现里这些工程里的包重新导一下就可以了,可是有xutils的工程不

1.创建带侧滑效果的activity 右击,new---->activity---->选择NavgationDrawer Activity 2.xml文件布局 (1)activity_main_function.xml <?xml version="1.0" encoding="utf-8"?> <android.support.v4.widget.DrawerLayout xmlns:android="http://sche

两种效果如下所示: 隐藏侧边栏: 折叠侧边栏: 下面,分享隐藏侧边栏实现方法: 实现思路:给body切换class,通过class控制侧边栏和主体部分left 来实现效果 html部分: <div class="sidebar">侧边栏</div> <div class="main">主体部分</div> css部分: .sidebar{background: #333645;width: 200px; positio

在 Scaffold 组件里面传入 drawer 参数可以定义左侧边栏,传入 endDrawer 可以定义右侧边栏.侧边栏默认是隐藏的,我们可以通过手指滑动显示侧边栏,也可以通过点击按钮显示侧边栏.  我们还是在前面TabBar项目的基础上实现侧边栏. 为了能在底部TabBar的三个页面都实现侧边栏效果,这里将侧边栏加在Tabs.dart页面中. 只需要在 BottomNavigationBar下面继续添加drawer属性就可以了. import 'package:flutter/materia

2016年12月12日 21:05:18 星期一 场景: 我拿这个组件用作管理后台的侧边栏 效果: 根据当前访问的url不同, 展开不同的面板 amazeui折叠面板 js代码: <script type="application/javascript"> var nowUrl = 'http://xxxx'; var dls =document.getElementById("sidebar").getElementsByTagName("d

javascript的运动非常实用,通过控制需要运动块的实际距离与要到达的距离的关系,结合定时器来控制小方块的各种运动. 运动框架 <!DOCTYPE html><html><head> <title></title> <style type="text/css"> #div1{ width: 100px; height: 100px; position: absolute; top: 50px; left: 50

(一)实现简单的淘宝带图标侧边栏效果 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <style> ul,h3{padding: 0;margin:0; list-style: none; font-size: 14px; fon

1.拖一个dynamic panel到窗体,将State1改名为State_首页: 2.拖2个dynamic panel到State_首页中,分别命名为侧边菜单及首页内容,首页内容盖住侧边菜单: 3.在首页内容和侧边菜单随便放点东西,比如图片之类的,再在首页内容中放置一个按钮,然后设置按钮的点击事件为Move-首页内容-Move by (280,0)-linear 500ms即可实现点击显示侧边栏效果. 4.同理设置首页内容恢复原位置(move -280即可). 5.如果需要滑动,则设置首页的S

动画效果在网站中是一种非常常见的交互式体验效果,比如侧边栏分享.图片淡入淡出,我们把这种动画效果就叫做运动,也就是让物体动起来.如果想让一个物体动起来,无非就是改变它的速度,也就是改变属性值,比如 left.right.width.height.opacity ,那么既然是运动,就可以分为很多种,如匀速运动.缓冲运动.多物体运动.任意值运动.链式运动和同时运动.我们从最简单的动画开始,如何让单个物体运动,逐步深入多物体运动.多动画同时运动到实现完美运动框架的封装,在这个过程中,每一个运动都封装为

今天想给项目添加一个侧边栏的效果,使用到了https://github.com/jfeinstein10/SlidingMenu这个开源项目.项目本身可以通过github下载.此项目同时又依赖于一个名为ActionBarSherlock的项目.此项目地址:https://github.com/JakeWharton/ActionBarSherlock. android-support-v4.jar版本不一致在这两个项目间存在android-support-v4.jar版本不一致的情况.最简单的方

material design 的android开源代码整理 1 android (material design 效果的代码库) 地址请点击:MaterialDesignLibrary 效果: 2 RippleEffect (material design控件单击时,波纹效果) 地址请点击:RippleEffect 效果: 3 Material Dialogs(material design的dialog) 地址请点击:Material Dialogs 效果: Demo下载地址 3.1 Mat

本文,是接着上文[js高手之路]匀速运动与实例实战(侧边栏,淡入淡出)继续的,在这篇文章的最后,我们做了2个小实例:侧边栏与改变透明度的淡入淡出效果,本文我们把上文的animate函数,继续改造,让变得更加的通用和强大: 1,支持多个物体的运动 2,同时运动 3,顺序运动 这三种运动方式也是jquery中animate函数支持的 一.animate函数中怎么区分变化不同的样式? 上文中,侧边栏效果 用的animate函数 改变的是left值 function animate(obj, targe

1 创建项目 1.1 版本说明 1.2 创建模块 1.2.1 核心模块 该模块只加载一次,主要存放一些核心的组件及服务 ng g m core 1.2.1.1 创建一些核心组件 页眉组件:header ng g c core/header --module core 内容组件:main ng g c core/main --module core 页脚组件:footer ng g c core/footer --module core 1.2.1.2 如何让核心模块只加载一次 在核心模块对应类中

Android 超过2个G的源代码集合~~几乎涵盖了所有功能效果的实现,一应俱全~~应有尽有~~ 360云盘地址:Android 各类源码集合汇总 (提取码:f930) 另外,附上Github上及自己整理的一些代码集合~~ Android手势处理集合框架 源码 Android 一个简单的缓存框架 源码 Android 一个流畅的PDF阅读器 源码 Android 利用精简Zxing实现条形码/二维码 扫描Demo Android 水波特效(录音功能) 源码 SlidMenu 侧滑菜单.ViewP

Member Task on 12.08 Task on 12.09 仇栋民 参与M2阶段第二次决策会议 开始Task964 : 活动评论功能雏形 康家华 开始Task982 : 完成活动界面的设计稿&完善实现过的界面 林珣玙 开始Task964 : 活动评论功能雏形 刘彦熙 开始Task958 :  完成用户通讯功能雏形(只需聊天界面) 马瑶华 开始Task982 : 完成活动界面的设计稿&完善实现过的界面 张启东 开始Task958 :  完成用户通讯功能雏形(只需聊天界面) (注:由

本文不定期更新, 用于汇总记录一些看着 ok 的 JS 库. 库名 简介 项目地址 macy.js 仅 4 kb的 原生 流布局插件 http://macyjs.com/ Driver.js 仅 4 kb的 原生 页面分步引导   Tippy.js 玩转鼠标悬停提示信息   tesseract.js OCRjs库 https://www.npmjs.com/package/tesseract-js wow.js 动画库   toastr.js 依赖于 JQ 的非阻塞通知的JS库   Day.js