通通玩blend美工（6）下——仿iPhone滚动选择器的ListBox（交互逻辑）

原文:通通玩blend美工(6)下--仿iPhone滚动选择器的ListBox(交互逻辑) 上一篇我们已经把界面画出来了,这篇我们就来制作交互的逻辑吧.上一篇的电梯: http://www.cnblogs.com/tong-tong/archive/2012/07/15/2586543.html 回顾下效果: 页面代码如下: <TextBlock Text="{Binding SelectedItem.Content, ElementName=ListBox1}"/>…

通通玩blend美工（6）上——仿iPhone滚动选择器的ListBox（UI设计）

原文:通通玩blend美工(6)上--仿iPhone滚动选择器的ListBox(UI设计) 好久没更新博客了,由于项目比较紧,期间收到不少园友的短消息,感谢大家对我的支持~~. 相信各位都在自己的神机中看到过各种滚动选择器,偶们项目经理就是个iPhone迷,前几天一直抬着个手机对我说"这个炫,做这个...".于是就有了这个选择器. 最终效果如下: (按住鼠标,尽情滚吧~) 页面代码如下: <TextBlock Text="{Binding SelectedItem…

通通玩blend美工（8）——动态绘制路径动画，画出个萌妹子~

原文:通通玩blend美工(8)--动态绘制路径动画,画出个萌妹子~ 2年前我在玩Flex的时候就一直有一个疑问,就是如何来实现一个蚊香慢慢烧完的Loading动画呢? 刚经历了某甲方高强度一个月的洗礼后,这几天刚好闲下来,这个问题又浮现在我脑海里.于是经过几番思索纠结后,我发现了一个更好玩的效果,如下: ↑点击开始只要是通过path来表示的都可以画出来哦亲~如果好好构思一下是可以实现很震撼的…

通通玩blend美工（7）——简约而不简单的块

原文:通通玩blend美工(7)--简约而不简单的块最近在研发一个WPF快速开发框架,满脑子都是各种逻辑各种模式,写一篇比较休闲娱乐的博客,宣泄下我对美工的热爱. 我一直以来有意无意在手机应用或者各种网站上看到这么一种风格按钮,明明很简单,却有一种很清新感觉.一种独特的质感,让你很想去触摸.看了万仓一黍分享的 PS网页设计教程II——在Photoshop中创建健康及营养或健身的网站有了启发,这种配色这种质感,就是一直以来我想要的感觉.于是就产生了这个正则表达式替换测试工具效果: 别点…

通通玩blend美工（3）——可爱的云

原文:通通玩blend美工(3)--可爱的云好久没有写这个系列的博客了,这里给个电梯吧,照顾新来的同学~~ 通通玩blend美工(1)——荧光Button 通通玩blend美工(2)——时钟目前我在广州出差,一直细雨绵绵,闷得慌,仰望天空,大雾笼罩,看不见蓝天白云甚至太阳,怪不得昆明的房价涨这么高...... 最终效果如下: ←是不是很想把它捧在手里,来清爽一下,北方的同学也可以先放冰箱里,夏天再用. (特别鸣谢银光中国提供的免费silverlight空间) 1.总体思路分析上面效果:一坨…

通通玩blend美工（5）——旋转木马，交互性设计

原文:通通玩blend美工(5)--旋转木马,交互性设计这一篇偏向于逻辑的比较多,放在这个系列里会不会欠妥呢?在中国交互性设计也是美工的份内职责哦~ 所以没有blend基础的人也可以看懂这篇文章,不过要用到初中的几何知识哦~亲相信很多人都在手机或者网页上或者KTV的点歌系统里看到过旋转木马的目录导航,这个是如何做的呢?? 最终效果如下:(貌似有点太大了显示不下,附加个阅览地址: http://space.silverlightchina.net/ltt147/TTcarousel/Defau…

通通玩blend美工（1）——荧光Button

原文:通通玩blend美工(1)--荧光Button 最近老大出差去了,光做项目也有点烦,写点教程消遣消遣(注:此乃初级教程,所以第一个消遣是本人消遣,第二个是指供各位看官消遣...) 看着各位大虾出系列文章貌似挺好玩的,本人耍了2个月的Wpf,有点见解,希望各位看官笑纳.本系列第一章就先来点简单又实用的吧o(∩_∩)o 哈哈.. 最终效果如下: ←点它本人一直在做WPF算是第一次做silverlight,这样主要是为了能够在博客里更好的展示成品 .(特别鸣谢银光中国提供的免费silverli…

通通玩blend美工（2）——时钟

原文:通通玩blend美工(2)--时钟谢谢大家对我上一篇Blend的支持:通通玩blend美工(1)——荧光Button 再接再厉再来一篇~~! 这篇是建立在已经看得懂上一篇为基础来写的,有些细节我就不说了,截了这么多张图....写起来很累的.... 最终效果如下: 哇居然这么大...有点刷屏的嫌疑.. 1.总体思路分析上面效果--表盘+环形数字+时针+阴影各种logo装饰表盘:由一些同心圆叠在一起,不同的圆用不同的渐变来填充背景以造成层次效果. 环形数字:画个圆,根据它创建布局路径,再…

仿iphone日历插件(beta)

前言小伙伴们好,很久不见了.最近工作进入正常期了,所以慢慢的悠闲的时间久没有了,所以不能每天水一篇了. 最近也在听师傅(http://home.cnblogs.com/u/aaronjs/)的教导开始阅读jquery源码了,怎么说呢,阅读的效果其实不是太好. 一来是时间断断续续的没有接上,今天读完明天又忘了,到第三天再读的话,就很多都忘记了: 二来是jquery其实还是有一定难度,加之篇幅也很长,所以读起来还是有一点吃力(我甚至有时候有种想睡的感觉),过了2星期才陆陆续续把core读完,结果很…

仿iphone动态萤火虫锁屏应用安卓源码

该源码是仿iphone动态萤火虫锁屏应用源码,源码SkyLock,这也是最近弄了一款锁屏,苦于市场百般阻拦与锁屏应用数量实在太多,于是将它拿出来开源:废话不多说,希望大家能够希望,更多说明请看下面的吧. <ignore_js_op><ignore_js_op> 后面的萤火虫是会动的,gif图片不会截取 <ignore_js_op> 20141202005325.png (106.46 KB, 下载次数: 0)下载附件保存到相册 2014-12-2 00:53 上大…

自己定义控件-仿iphone之ToggleButton&VoiceSeekBar

由于项目中须要使用开关切换button,和声音滑动控件,可是原生Android5.0版本号以下的控件实在是太挫了.尽管网上已经有非常多关于这两个控件的blog.可是我实在是找不到像iPhone这样简洁样式的,只是咱们程序猿总不能这点问题就被难道撒···所以我决定仿照iphone的样式自己写这两个控件,. 效果图例如以下: 一.ToggleButton 先直接上代码.后面会一步步分析 package com.zuck.definitionview.views; import android.ani…

[Android] Android 手机下仿微信客户端界面 -- 微聊

Android 手机下仿微信客户端界面 -- 微聊 (包括聊天列表 + 聊天对话页 + 朋友圈列表页 + 我的/发现列表页) 项目演示: 功能说明: 1)底部标签切换 (TabHost + ViewPager) 2)聊天列表 + 聊天对话页 ( RecycleView ) 3)朋友圈列表页 RecycleView apk体验地址: apk 1.0 点击下载或者扫描下方二维码: Github 地址: https://github.com/wukong1688/Android-AppWe…

Android仿iPhone 滚轮控件实现

Android_开发实用滚轮效果选择数字http://blog.csdn.net/zhangtengyuan23/article/details/8653771 Android仿iPhone滚轮控件实现及源码分析http://blog.csdn.net/lilu_leo/article/details/7397697http://blog.csdn.net/lilu_leo/article/details/7399015…

WPF 仿IPhone滑块开关样式 - CheckBox

原文:WPF 仿IPhone滑块开关样式 - CheckBox <Style x:Key="CheckRadioFocusVisual"> <Setter Property="Control.Template"> <Setter.Value> <ControlTemplate> <Rectangle Margin="14,0,0,0" SnapsToDevicePixels="tr…

uwp - ContentDialog - 自定义仿iphone提示框，提示框美化

原文:uwp - ContentDialog - 自定义仿iphone提示框,提示框美化为了实现我想要的效果花费了我很长时间,唉,当初英语不好好学,翻官网翻了半天才找到,分享给刚入门的新手. 首先看一张图片示例,我们要模仿的dialog就是长这样的: 做出来的效果图: [代码] XAML[MainPage.xaml]: <Grid Background="#3d4ba4"> <ContentDialog x:Name="termsOfUseContentD…

HTML页面仿iphone数字角标

做仿iphone样式的数字角标,用简单的css来实现 <html><head><title>角标数字</title><style type="text/css">.jiaobiao{ position: absolute; height: 15px; width: 15px; border-radius: 30px; background: red; line-height: 15px; text-align: center;…

Android 高级UI设计笔记06：仿微信图片选择器（转载）

仿微信图片选择器: 一.项目整体分析: 1. Android加载图片的3个目标: (1)尽可能的去避免内存溢出. a. 根据图片的显示大小去压缩图片 b. 使用缓存对我们图片进行管理(LruCache) (2)用户操作UI控件必须充分的流畅. a. getView里面尽可能不去做耗时的操作(异步加载 + 回调显示) (3)用户预期显示的图片尽可能的快(图片的加载策略的选择,一般选择是LIFO). a. LIFO 2. 定义一个Imageloader完成上面1中的3个目标: Imageloader…

vue 2 仿IOS 滚轮选择器从入门到精通（一）

大家好,由于最近从事的是微信公众号和APP内嵌 H5开发,避免不了开发一些和native相同的操作功能,就如接下来说的仿IOS滚轮选择器. 先来个截图: 接下来具体介绍如何实现的.能力有限避免不了错误请指出,有问题QQ邮箱 1766597067@qq.com 先来屡一下需求: 1.移动端用户手上下滑动,内容上下移动,用户手离开数字按照惯性移动一段距离. 2.当停止移动后,选中一个文字并且文字高亮,上面的值会变成你选中的文字. 3.可以连续滚动. 好了我们知道需求了,开始写吧. 写之前,想来一句…

Android特效专辑（九）——仿微信雷达搜索好友特效，逻辑清晰实现简单

Android特效专辑(九)--仿微信雷达搜索好友特效,逻辑清晰实现简单不知不觉这个春节也已经过完了,遗憾家里没网,没能及时给大家送上祝福,今天回到深圳,明天就要上班了,小伙伴们是不是和我一样呢?今天讲的是一个大家都见过的动画,雷达搜索好友嘛,原理也十分的简单,你看完我的分析,也会觉得很简单了,国际惯例,无图无真相,我们先看看效果图,对了,真测试机送人了,所讲这段时间应该一直用模拟器显示吧! 截图这个界面相信大家都认识,我们来说下原理,其实就三层中间是一张图片,然后画四个圆,这个应该简单…

JS实战 · 仿css样式选择器

代码如下: <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>仿css样式选择器</title> <style type="text/css"> #textid{ height: 100p…

[转]Android 超高仿微信图片选择器图片该这么加载

快速加载本地图片缩略图的方法: 原文地址:Android 超高仿微信图片选择器图片该这么加载其示例代码下载: 仿微信图片选择器 ImageLoader…

JavaScript判断鼠标滑轮是向下还是向上滚动

我们常用的就是鼠标,鼠标中键一般都用于滑动网页,但是网页中很多很炫的效果,使用鼠标滑轮操作更好. 当然对于手机就没有这个设备了,所以就不用考虑手机端的实现方法,手机端有触摸滑动事件. 使用JavaScript判断鼠标滑轮是向下还是向上滚动,这样有利于我们更加精确的控制滑轮的操作,比如上下滑动改变文本框的数字,向上就是增加,向下就是减少,很实用的功能. 首先,不得不说一下,因为不同的浏览器有不同的滚轮事件.主要是有两种: onmousewheel(firefox不支持)和DOMMouseScro…

类似UC天气下拉和微信下拉眼睛头部弹入淡出UI交互效果（开源项目）。

Android-PullLayout是github上的一个第三方开源项目,该项目主页是:https://github.com/BlueMor/Android-PullLayout 原作者项目意图实现类似UC天气下拉和微信下拉眼睛头部弹入淡出UI交互效果,如图所示: 该项目从github上下载后直接导入到Eclipse中即可运行,MainActivity没有多余代码,只加载一个布局文件,在自己的项目中如果使用该项目库,则直接将布局文件中的各个View id设置完备然后在上层Java代码中使用即可…

WIN7下vs2010滑轮滚动不正确的解决方法

关于移动端弹层下的body滚动

关于移动端弹层下的body滚动这个问题在移动端挺常见的,网上也有一些解决方法,现在笔者来总结一下:css的解决方案都有兼容问题,js是比较稳定的解决方法(虽然比较麻烦) ps: 本文的例子都是用vue写的关于css的解决方案 1. overflow:hidden; 这是最多人开始想到的解决方法,虽然在pc端可以解决问题,但在移动端是不行的, 但有人说在html,body同时设置overflow:hidden可以,但经测试,效果不啥的... 在安卓上勉强还行,但会有一卡一卡的效果,ios上直接…

Android仿iPhone晃动撤销输入功能(微信摇一摇功能)

重力传感器微信摇一摇SensorMannager自定义alertdialogSensorEventListener 很多程序中我们可能会输入长文本内容,比如短信,写便笺等,如果想一次性撤销所有的键入内容,很多手机需要一直按住退格键逐字逐句的删除,稍稍麻烦,不过在iPhone上,有个人性化的功能,当我们想要去撤销刚刚输入的所有内容的时候,可以轻轻晃动手机,会弹出提示框,点击确定就可以清空内容,如下图: 在 android中,一般手机貌似没有定制这个功能,不过我们可以自己去实现这样的功能,放置在我…

【Howie玩docker】-windows下玩docker

Windows下安装toolbox一直没成功,于是投机取巧,用虚拟机手工打造玩docker的方法. 步骤: 安装虚拟机,安装centos 在win下建立共享文件夹,假如是 f:/share 在centos里的mnt路径下,建立个挂载点: /mnt/share/ mount添加win下的共享文件夹命令: [root@localhost ~]# mount -t cifs -o username=user,password=pass //192.168.1.103/share /mnt/share…

在linux下管理iphone

场景: linux发行版:ubuntu 14.04 64bit 3.13.0-67-generic(内核版本) iphone型号:iphone 5c (ios 8.1.3 已越狱) 准备工作(一定要先做好这两步): 1.在iphone弹出信任窗口一定要信任; 2.把iphone的密码关掉.(挂载上了之后可以打开密码) 操作流程: 1.安装libimobiledevice-dev库("-dev"不能少了) sudo apt-get update (更新一下源,我用的163源) sudo…

[Android] Android 手机下仿今日头条新闻客户端

利用一个月的时间,自学了 Android 开发 ,为了检验学习成果,特意开发了这个仿今日头条新闻客户端 AppNews 包括图文新闻+视频新闻+图片新闻预览演示如下: 功能说明: 1)底部标签切换 (TabHost + FrameLayout) 2)新闻列表+ 视频列表顶部 Tab标签切换 (TabLayout + ViewPager) 3)新闻列表+ 视频列表下拉刷新 + 上滑加载 (XRecycleListView) 4)视频播放 JiaoZiVideoPlayer 5)图片…

[示例] Firemonkey ListView 仿 iPhone X 浏海

Apple iPhone X 推出后,全屏上多了一个浏海,虽然褒贬不一,也有 Xcode 开发者做出了不错的 ListView 效果,当然 Delphi 也不落人後,马上试做看看. 源码下载:[示例]ListView仿iPhoneX浏海_Aone.zip 适用:Delphi 10.1.2 Berlin(需修改源码 FMX.ListView.pas) 效果:…

【通通玩blend美工（6）下——仿iPhone滚动选择器的ListBox（交互逻辑）】的更多相关文章