首页 文章 精选 留言 我的

精选列表

搜索[可视化效果],共10007篇文章
优秀的个人博客,低调大师

android高级页面效果集锦

程序员界有个神奇的网站,那就是github,这个网站集合了一大批优秀的开源框架,极大地节省了开发者开发的时间,在这里我进行了一下整理,这样可以使我们在使用到时快速的查找到,希望对大家有所帮助! 一个强大的二维码扫描框架 可打开默认二维码扫描页面,支持对图片Bitmap的扫描功能,支持对UI的定制化操作,支持对条形码的扫描功能,支持生成二维码操作 项目地址 https://github.com/yipianfengye/android-zxingLibrary 高仿蘑菇街欢迎页 项目地址 https://github.com/listen2code/Test_Mogu_View 闪屏页是如何像云一样消失的 项目地址 https://github.com/githubwing/WingUE 饿了么丝滑无缝过度搜索栏的实现 项目地址 https://github.com/githubwing/WingUE 模仿饿了么详情页可以跟随手指移动 viewpager变详情页 项目地址 https://github.com/githubwing/ZoomHeader 如何让详情页缩小为横向列表 项目地址 https://github.com/githubwing/ExpandableViewpager 一分钟让你拥有微信拖拽透明返回PhotoView 项目地址 https://github.com/githubwing/DragPhotoView 一句代码实现标题栏、导航栏滑动隐藏 、全新交互 项目地址 https://github.com/githubwing/ByeBurger 5秒让你的View变3D,ThreeDLayout使用和实现 项目地址 https://github.com/githubwing/ThreeDLayout TextView + Spanned实现图文混排以及点击交互 项目地址 https://github.com/githubwing/RichTextView 来来来,一起再撸一个Material风格loadingView 项目地址 https://github.com/githubwing/LoadingView CoordinatorLayout 自定义Behavior并不难 项目地址 https://github.com/githubwing/CustomBehavior 使用CoordinatorLayout打造知乎界面 项目地址 https://github.com/SshiGguang/SGUi NumberProgressBar 个简约性感的数字进度条 项目地址 https://github.com/daimajia/NumberProgressBar circular-progress-button带进度显示的Button 项目地址 https://github.com/dmytrodanylyk/circular-progress-button ToggleButton状态切换的 Button,类似 iOS,用 View 实现 项目地址 https://github.com/zcweng/ToggleButton 原文发布时间为:2018-09-30 本文作者:yuer 本文来自云栖社区合作伙伴“终端研发部”,了解相关信息可以关注“终端研发部”

优秀的个人博客,低调大师

Easyui layout设置满屏效果

html文件: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Easyui Layout全屏</title> <link id="others_jquery_easyui_131" rel="stylesheet" type="text/css" class="library" href="/js/sandbox/jquery-easyui/themes/default/easyui.css"> <script id="jquery_183" type="text/javascript" class="library" src="/js/sandbox/jquery/jquery-1.8.3.min.js"></script> <script id="others_jquery_easyui_131" type="text/javascript" class="library" src="/js/sandbox/jquery-easyui/jquery.easyui.min.js"></script> </head> <body class="easyui-layout"> <div data-options="region:'north',border:false" style="height:60px;background:#B3DFDA;padding:10px">north region</div> <div data-options="region:'west',split:true,title:'West'" style="width:150px;padding:10px;">west content</div> <div data-options="region:'east',split:true,collapsed:true,title:'East'" style="width:100px;padding:10px;">east region</div> <div data-options="region:'south',border:false" style="height:50px;background:#A9FACD;padding:10px;">south region</div> <div data-options="region:'center',title:'Center'" id="center"> <button onclick="full()">全屏</button><button onclick="unFull()">取消全屏</button> </div> </body> </html> js文件: $.extend($.fn.layout.methods, { full : function (jq) { return jq.each(function () { var layout = $(this); var center = layout.layout('panel', 'center'); center.panel('maximize'); center.parent().css('z-index', 10); $(window).on('resize.full', function () { layout.layout('unFull').layout('resize'); }); }); }, unFull : function (jq) { return jq.each(function () { var center = $(this).layout('panel', 'center'); center.parent().css('z-index', 'inherit'); center.panel('restore'); $(window).off('resize.full'); }); } }); function full() { $("body").layout("full"); } function unFull() { $("body").layout("unFull"); } 普通 满屏 转载于:http://runjs.cn/code/2fjkfkuo

优秀的个人博客,低调大师

android 动态渐变 字符效果

public class GradientView extends View { private String TAG = " GradientView " ; private Handler mTimeTickHandler; private int mIndex = 190 ; private Shader mShader; private Bitmap mBitmapBg; private Bitmap mBitmapWord; private int mMinWidth = 190 ; private int mMaxWidth ; private int mUpdateStep = 20 ; private Paint mPaint = new Paint(); public GradientView(Context context) { super (context); } public GradientView(Context context, AttributeSet attrs) { super (context, attrs); mTimeTickHandler = new Handler(); setFocusable( true ); InputStream is = context.getResources().openRawResource(R.drawable.sliding_channel_background); mBitmapBg = BitmapFactory.decodeStream(is); mMaxWidth = mBitmapBg.getWidth(); mBitmapWord = Bitmap.createBitmap(mBitmapBg.getWidth(), mBitmapBg.getHeight(), Bitmap.Config.ALPHA_8); drawIntoBitmap(mBitmapWord, context); mTimeTickHandler.post(mTimeTickRunnable); } private void drawIntoBitmap(Bitmap bm, Context context) { float x = bm.getWidth(); float y = bm.getHeight(); Canvas c = new Canvas(bm); Paint p = new Paint(); p.setAntiAlias( true ); p.setColor(Color.WHITE); p.setTextSize( 45 ); p.setTextAlign(Paint.Align.CENTER); c.drawText(context.getResources().getString(R.string.slide_unlock), x / 2 + 10 , y / 2 , p); } @Override protected void onDraw(Canvas canvas) { // canvas.drawBitmap(mBitmapBg, 0, 0, p); mPaint.setShader(mShader); canvas.drawBitmap(mBitmapWord, 50 , 13 , mPaint); } public void removeHandlerGradient(){ mTimeTickHandler.removeCallbacks(mTimeTickRunnable); } private Runnable mTimeTickRunnable = new Runnable(){ public void run() { mIndex += mUpdateStep; if (mIndex >= mMaxWidth){ mIndex = mMinWidth; } mShader = new LinearGradient( 0 , 150 , mIndex, 150 , new int [] { Color.GRAY,Color.GRAY,Color.GRAY, Color.GRAY, Color.WHITE }, null , Shader.TileMode.MIRROR); postInvalidate(); mTimeTickHandler.postDelayed(mTimeTickRunnable, 100 ); } }; } 本文转自wanqi博客园博客,原文链接: http://www.cnblogs.com/wanqieddy/archive/2011/07/11/2103301.html 如需转载请自行联系原作者

资源下载

更多资源
Mario

Mario

马里奥是站在游戏界顶峰的超人气多面角色。马里奥靠吃蘑菇成长,特征是大鼻子、头戴帽子、身穿背带裤,还留着胡子。与他的双胞胎兄弟路易基一起,长年担任任天堂的招牌角色。

腾讯云软件源

腾讯云软件源

为解决软件依赖安装时官方源访问速度慢的问题,腾讯云为一些软件搭建了缓存服务。您可以通过使用腾讯云软件源站来提升依赖包的安装速度。为了方便用户自由搭建服务架构,目前腾讯云软件源站支持公网访问和内网访问。

Sublime Text

Sublime Text

Sublime Text具有漂亮的用户界面和强大的功能,例如代码缩略图,Python的插件,代码段等。还可自定义键绑定,菜单和工具栏。Sublime Text 的主要功能包括:拼写检查,书签,完整的 Python API , Goto 功能,即时项目切换,多选择,多窗口等等。Sublime Text 是一个跨平台的编辑器,同时支持Windows、Linux、Mac OS X等操作系统。

WebStorm

WebStorm

WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源,继承了IntelliJ IDEA强大的JS部分的功能。

用户登录
用户注册