现代艺术风格用户界面设计实验.pdfVIP

实验：现代UI

目标：

使用你在用户界面课程中学到的知识，从头开始创建一个具有有趣用户界面的应用程序。例如，

这是我创建的一个应用程序的截图。

该应用程序的用户界面由以特定顺序排列的几何图形组成。其布局灵感于现代皮

特·蒙德里安（PietMondrian）和本·尼科尔森（BenNicholson）的作品。如果你想了解关

于现代和家的信息请查看这个，该由我们在纽约现代（MoMA）的

合作伙伴创建（需要在MoMA的移动云计算虚拟画廊免费账户）。

此应用程序的用户界面包含一个区域，其中有多个彩色矩形，还有一个区域包含一个SeekBar

（有时称为滑动条）。当用户拖动SeekBar时，所有非白色/非灰色矩形会逐渐改变其颜色。例如，

在上一张截图中，SeekBar位于最左侧位置；然而，在下面的截图中，它位于最右侧位置。

Lab:ModernArtUI

Objectives:

CreateanapplicationfromscratchwithaninterestinguserinterfaceusingwhatyoulearnedintheUser

InterfaceClassesson.Forexample,heresascreenshotofanappthatIcreated.

Thisapplicationsuserinterfaceiscomposedofgeometricshapesarrangedinaparticularorder.Its

layoutinspiredbytheworksofModernArtmasterssuchasPietMondrianandBenNicholson.Ifyoud

liketolearnmoreaboutthismodernartandartiststakealookatthiswebsitecreatedbyour

collaboratorsattheMuseumofModernArtinNewYork(requiresfreesignuptoMoMAsVirtualGallery

forMobileCloudComputingwithAndroid).

Thisapplicationsuserinterfacehasoneareacontainingmultiplecoloredrectangandanother

containingaSeekBar(sometimescalledaSlider).WhentheuserdragstheSeekBar,allnon--‐white/non-‐‐

greyrectanggraduallychangetheircolor.Forexample,inthepreviousscreenshottheSeekBarisat

theleftmostposition.Inthescreenshotbelow,however,itisintherightmostposition.

此应用程序还包含一个选项菜单。当用户点击选项菜单时，应出现一个标记为“信息”的

选项。

当用户点击“信息”选项时，应弹出一个框，显示一些文本内容，并显示两个按钮。

框