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

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

通通玩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美工（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…

在Mac电脑上为iPhone或iPad录屏的方法

在以前的Mac和iOS版本下,录制iPhone或者iPad屏幕操作是一件稍微复杂的事情.但是随着Yosemite的出现,在Mac电脑上为iPhone或iPad录屏的方法就变得简单了.下面就介绍一下具体的操作步骤: 操作系统的准备 Mac电脑:需要升级到Yosemite及其以上版本; iPhone或者iPad:需要升级到iOS8及其以上版本; 操作的步骤 1.首先将iPhone设备与Mac电脑连接; 2.打开QuickTime,选择“文件->新建影片录制”;或者快捷键“Option + Comma…

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…

学美工、平面设计、UI设计，哪个有前途？

首先,在分析学美工.平面设计.UI设计,哪一个更有前途的时候,先要对三类设计有一个大概的了解. 比如“学美工.平面设计.UI设计是什么”等知识,才能更好地去进行选择. 01 阐述美工.平面设计.UI设计是什么 ①什么是美工?一般是指对平面,色彩 ,创意等进行堆砌的技术人才,分为平面美工.网页美工和三维美工,最常见的有淘宝网店的美工. ②什么是平面设计?主要包括美术排版.平面广告.海报.灯箱等的设计制作.简单来说,就是作为设计者的你,在了解了客户需求之后,进行消化,将一些基本图形按照一定的创意在平…

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

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

2018年这些UI设计趋势正在流行，跟上必拿高薪！

数字设计领域和时尚圈是一样的,总会有各种各样的趋势让人眼花缭乱.无论是用户界面的视觉元素,还是用户体验的细节,总有许多值得说道的新玩法和新方向.就目前来看,UI设计的大趋势是更加大胆新颖的视觉设计,通过富有表现力的设计技法,为用户提供更加沉浸式的体验. 虽然从关键词上来看,大家都在追人工智能(AI),但是落地的设计当中,跟的最紧的依然是现实增强(AR)和虚拟现实(VR),在2017年的风口上吹了整整一年的 AR 和 VR 真正开始在产品设计中落地了. 当然,最重要的,还是来看一看,在 UI设计领…

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…

WPF中关于自定义控件的滚动条鼠标停留在内容上鼠标滚轮滚动无效的问题

问题起因:在一个用户控件里放置了1个TreeView垂直顺序放置. 当用户控件中的内容超过面板大小时,滚动条会自动出现 ,但是只有当鼠标指示在右边滚动条的那一条位置时,才支持鼠标滚轴滚动. 点在控件内部时滚轴无效. 问题分析:由于设置了d:designheight,自定义控件的宽高都是随着父容器的变化而变化的,于是我将Height设为较小的固定高度时,发现鼠标停留在控件内容时,滚轮控制滚动条滚动是有效的.这就说明UI上显示的滚动条并非是这个自定义控件的,而是这个自定义控件所在的父容器的,这样也解…

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

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

APP开发中，如何从UI设计上提升APP用户体验

设计中有很多细微的东西要注意,就如UI设计中,元素的统一性,图标风格.段落的排版等等,只有能注意这些细节,你的 APP UI 才算合格. 干货君总结了17个提升用户体验的 UI 设计小技巧,也是我们日常用到的很基本的技巧,对于新手UI设计师建议一看,注意案例中「对」与「错」不是绝对的,仅用于参考作用. 1.图标保持统一性图标是UI设计里非常重要的模块之一,最重要的一点是要保持风格统一.如果是填充型的图标,那么一套设计里不要出现线性的图标设计.其次就是描边大小的统一,定下了3px就要全套保持即…

蓝湖 UI 设计稿上如何生成渐变色和复制渐变色

蓝湖 UI 设计稿上如何生成渐变色和复制渐变色 Sketch 生成渐变色不要上传图片,切图如果是切图,切图模式下就不会生成 css 代码了复制渐变色 OK .button { width: 284px; height: 88px; background: linear-gradient(360deg, #FF5C5C 0%, #FB9657 100%); box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.16); border-radius: 4px;…

吐槽 Apple iPhone 十大反人类的设计 All In One

吐槽 Apple iPhone 十大反人类的设计 All In One 不支持 GPS 快捷开关每次都要到,设置> 隐身 > 位置,脑残的设计顶部的状态栏,网络不支持显示网速顶部的状态栏,时间不支持显示年月 Type C 接口不支持,还 TM 宣传环保,环保个屁呀不送充电头,配件还要单独购买 399 的无线手机充电保护套,就是多了一个连接动画通讯录,导入联系人后,完全按照英文排序,所有中文人名全部归到 # 下面必须手动设置别名通话记录,不支持部分批量删除像删除所有,未接电话,却…

痞子衡嵌入式：揭秘i.MXRT1060,1010上串行NOR Flash冗余程序启动设计

大家好,我是痞子衡,是正经搞技术的痞子.今天痞子衡给大家介绍的是i.MXRT1060,1010上串行NOR Flash冗余程序启动设计. 工业产品设计里经常会有冗余程序/备份程序设计的需求,因为在工业环境里要求设备能够持续稳定运行,不能轻易宕机,但现实环境中常常有各种意外发生,其中一个常见的意外就是设备主控 MCU 程序被破坏.为了降低程序损坏这种意外带来的影响,一个很典型的做法就是增加 MCU 程序的份数,第一份被破坏,就启动第二份...,用程序数量的增加来降低启动失败率,这属于概率学手段范畴…