Silverlight模拟Nano5界面效果

前一阵无意中发现将iPod Nano5 横置后会出现一个动态的选歌界面(如下图示),感觉 不错于是想用Silverlight来实现一下这个效果,欢迎大家拍砖。

本来是放Demo演示,可是这个程序怎么也显示不出来,只好用图片了(感兴趣的话可以下 载源代码):

在制作过程中比较繁琐的部分是倒影效果,最开始的做法是将同一张专辑图片使用两次: 一个作为专辑封面;一个作为倒影效果。对倒影效果图片进行 RenderTransform->ScaleY 反转和OpacityMask->LinearGradientBrush 渐变处理,这样操作后出现一个问题:未选 中专辑的封面和倒影之间有间隙(如下图示)。这是由于分别对封面和倒影进行 PlaneProjection->RotationY 三维旋转时会使它们按各自的坐标轴进行旋转,不是以一 个整体进行旋转而差生了偏差。如果将两个图片组合为一个StackPanel 或Canvas 然后再进 行旋转感觉应该可以(但需要不少代码实现,效率可能会降低,感兴趣的朋友可以测试一下 ),最后偷懒用PS 给图片做了倒影~

时间: 2024-08-08 03:43:26

Silverlight模拟Nano5界面效果的相关文章

mfc cscrollview-MFC中CScrollView隐藏滚动条好,是否能模拟拖动界面?就像手机里面拖动页面滑动那种效果

问题描述 MFC中CScrollView隐藏滚动条好,是否能模拟拖动界面?就像手机里面拖动页面滑动那种效果 100C 如题(垂直滚动条),隐藏滚动条后,目前是模拟鼠标拖拽:响应OnVscroll()设置滚动条偏移位置,还是无法滚动视图.求解. 解决方案 试试不隐藏滚动条能不能成功,还有你的流程没太看懂.

在WPF中使用PlaneProjection模拟动态3D效果

原文:在WPF中使用PlaneProjection模拟动态3D效果 虽然在WPF中也集成了3D呈现的功能,在简单的3D应用中,有时候并不需要真实光影的3D场景.毕竟使用3D引擎会消耗很多资源,有时候使用各种变换和假的阴影贴图也能设计出既省资源,又有很好用户体验的"伪"3D界面. 在Silverlight中,因为性能问题,一般并不使用真3D引擎,微软为Silverlight提供了System.Windows.Media.PlaneProjection 类,用投影变换来模拟3D的效果. 下

tomcat-Tomcat6在不同操作系统下 ,界面效果显示差异的原因?

问题描述 Tomcat6在不同操作系统下 ,界面效果显示差异的原因? 为了给项目搭建一个模拟仿真环境,昨天将tomcat服务原封不动的从windows下拷贝到Linux下,后来经过一系列配置后可以访问了. 但是发现展示出来的界面显示效果和开发环境(也就是在自己的windows机器上)有一些区别,主要是DIV位移和导致的不对齐现象,如图. 需要说明一样,使用IE浏览器访问,两种环境界面无差异,使用谷歌,360浏览器才有以上情况. 请问有遇到过这种情况的吗,操作系统之间主要的差异点在什么地方呢?求指

android recyclerview模拟聊天界面

本文实例为大家分享了android recyclerview模拟聊天界面的具体代码,供大家参考,具体内容如下 效果图: 实现代码: package com.itheima74.chatui; import android.os.Bundle; import android.support.v7.app.AppCompatActivity; import android.support.v7.widget.LinearLayoutManager; import android.support.v7

光影魔术手模拟反转片的效果有什么用

  模拟反转片的效果是光影魔术手最重要的功能之一.经处理后照片反差更鲜明,色彩 更亮丽.算法经多次改良后,暗部细节得到最大程度 的保留,高光部分无溢出,红色还原十分准确,色彩过渡自然艳丽,绝无色斑.

jQuery模拟黑客帝国矩阵效果实例_jquery

本文实例讲述了jQuery模拟黑客帝国矩阵效果的方法.分享给大家供大家参考.具体实现方法如下: html部分如下: <div id="container"> <div style="width:10px; word-break :break-all"> 10001001110010010010000 </div> <div style="width:10px; word-break :break-all;margi

javascript-JS 与CSS设计动态界面效果

问题描述 JS 与CSS设计动态界面效果 火狐浏览器首页的那个换肤效果怎么做的?点击之后,页面向下滑动,现实可能需要更换的主题 解决方案 在页面的顶端创建一个DIV(这个DIV里要包括你想表达的其他DIV) 然后次height 为0px ; 之后的滑动效果 是要用JS 或者JQuery 来 实现的(用JS 的点击事件将这个DIV 的height 改为题主想要的,当然要是想火狐主页滑动的有流畅感的话,还需要自己写一个 speed();的函数..):希望题主先去了解 JS 加油.. 解决方案二: 你

android的模拟血压计 界面模块

问题描述 android的模拟血压计 界面模块 各位专家,学长,你们好!我正在参与一个项目,中间遇到问题,请教下大家.我想做一个Android的Demo,一个简单的模拟血压计,界面得做成像真实的水银血压计那样的,上面给两个输入框通过输入2个数值,高压和低压,点击下面的"显示"按钮,让水银柱动态的显示出来,水银柱先升起来显示高压值,然后下落显示低压值. 技术有限,希望能得到大家的帮助,最好能给出源代码. 联系方式:fanjunbin@vip.qq.com 解决方案 查ObjectAnim

怎么使用WPF+Silverlight做出像falsh效果?

问题描述 怎么使用WPF+Silverlight做出像falsh效果? 解决方案 解决方案二:这个问题太广了,你应该研究下WPF相关的动画类..