flex做的购物商店中文版(**推荐**）_htmlflex商品推荐布局资源-CSDN文库

共74个文件

gif：22个

png：20个

mxml：14个

flex

购物商店

flex源码

shopping

flex拖拽

4星 · 超过85%的资源需积分: 6 184 浏览量 2008-10-24 10:51:11 上传评论收藏 1.72MB RAR 举报

Flex是一种基于Adobe Flash Player或Adobe AIR运行时的开源框架，用于构建富互联网应用程序（RIA）。在本项目"flex做的购物商店中文版"中，我们主要关注的是如何利用Flex技术来开发一个具有交互性和动态视觉效果的在线购物平台。以下是关于这个项目的详细知识点： 1. **Flex框架**：Flex是ActionScript 3.0编程语言和MXML标记语言的集合，它允许开发者创建具有丰富用户体验的Web应用。Flex SDK提供了编译器和工具，用于创建Flex应用程序，而这些应用可以通过Flash Player或Adobe AIR在浏览器或桌面环境中运行。 2. **购物商店功能实现**：这个Flex项目是针对购物商店的，因此它可能包含以下功能： - 商品展示：利用Flex的组件库，如List或DataGrid，展示商品列表，包括图片、名称、价格等信息。 - 商品分类：用户可以按照不同的类别浏览商品，这通常通过Tree或NavigatorContent等组件实现。 - 搜索功能：提供搜索框让用户根据关键词查找商品。 - 加入购物车：用户可以将商品添加到购物车，此功能涉及数据模型的更新和状态管理。 - 结算与支付：处理订单，计算总价，以及连接到后端支付接口。 3. **Flex源码**：该项目提供了源码，这意味着我们可以深入学习Flex的编程结构和设计模式。源码分析可以帮助我们理解如何使用ActionScript和MXML进行业务逻辑处理和界面布局。 4. **Flex拖拽功能**：在购物商店中，可能实现了一个创新的拖拽功能，允许用户通过拖放操作来选择商品。这利用了Flex的DragManager和DropTarget API，可以增强用户的交互体验。 5. **中文版**：这个版本的购物商店是中文的，意味着所有的用户界面元素、提示信息和帮助文档都本地化为中文，适应中国用户的需求。 6. **项目文件列表**："flexstore"可能包含了一系列的Flex源文件，如.mxml和.as文件，它们是Flex项目的主要组成部分。可能还有资源文件（如图片、样式表、XML配置文件等）以及项目配置文件。 7. **开发环境**：开发Flex应用通常使用Flex Builder或IntelliJ IDEA等集成开发环境（IDE），这些工具提供了代码提示、调试和预览功能，极大地提高了开发效率。 8. **部署与发布**：完成的Flex应用可以通过SWF格式发布，然后嵌入到HTML页面中，或者作为Adobe AIR应用打包成桌面程序。发布过程涉及到编译设置、安全策略和优化选项。 "flex做的购物商店中文版"是一个全面展示Flex技术在电商应用中的实际运用案例，涵盖了UI设计、交互实现、数据管理等多个方面，对于想要学习和掌握Flex开发的人员来说，这是一个极好的实践项目。

资源推荐

资源详情

资源评论

收起资源包目录

flex做的购物商店中文版.rar （74个子文件）

flexstore

build.sh 134B

AC_OETags.js 8KB

README.html 4KB

HomeView.mxml 7KB

flexstore.mxml 4KB

productsView

CatalogTitleButtons.mxml 3KB

ProductCatalogThumbnail.mxml 8KB

ProductCart.mxml 4KB

ProductListItem.mxml 3KB

Grip.mxml 1KB

ProductCatalogPanel.mxml 19KB

ProductDetails.mxml 4KB

ProductList.mxml 7KB

ProductSupport.mxml 2KB

ProductFilterPanel.mxml 7KB

flexstore.html 2KB

build.bat 156B

main.css 2KB

ProductsView.mxml 4KB

beige.css 4KB

blue.css 4KB

samples

flexstore

ButtonBarButtonSkin.as 8KB

ProductListEvent.as 1KB

ProductFilter.as 2KB

ProductThumbEvent.as 1KB

Product.as 1KB

ProductFilterEvent.as 1KB

data

catalog.xml 12KB

assets

icon_details.png 29KB

icon_cart_full.png 31KB

support_mapmarker_c.png 817B

phone_1.png 89KB

support_mapmarker_plus.png 827B

support_map.png 168KB

beige_background.jpg 12KB

phone_2.png 82KB

icon_compare.png 30KB

blue_background.jpg 13KB

support_mapmarker_a.png 834B

phone_3.png 105KB

icon_tiles.png 27KB

pic

Nokia_3230_black.gif 10KB

Nokia_6670.gif 12KB

Nokia_3120.gif 12KB

Nokia_7610_white.gif 12KB

Nokia_6010.gif 12KB

Nokia_3220.gif 12KB

Nokia_9300_close.gif 12KB

Nokia_3100_blue.gif 12KB

Nokia_N90.gif 9KB

Nokia_3595.gif 12KB

Nokia_6360.gif 12KB

Nokia_3650.gif 12KB

Nokia_6620.gif 12KB

Nokia_9500_open.gif 6KB

Nokia_9500_close.gif 10KB

Nokia_6820.gif 13KB

Nokia_6630.gif 12KB

Nokia_7610_black.gif 12KB

Nokia_3100_pink.gif 11KB

Nokia_3230_bronze.gif 10KB

Nokia_6680.gif 13KB

Nokia_9300_open.gif 6KB

phone.flv 343KB

icon_magnifier.png 30KB

support_mapmarker_b.png 822B

logo_blue.png 33KB

trashcan.png 27KB

blue_dotted_map.png 212KB

grip.png 19KB

logo_orange.png 33KB

beige_dotted_map.png 212KB

icon_cart_empty.png 29KB

SupportView.mxml 5KB

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Flex Store Readme</title> <link href="../readme.css" rel="stylesheet" type="text/css" /> </head> <body> <h1>Flex Store Readme </h1> <p><a href="flexstore.html" target="_blank">Run Flex Store </a></p> <p>The Flex Store application shows some of the user experiences that the Adobe<sup>®</sup> Flex<sup>™</sup> 2 framework provides. The Products page shows how you can use states, transitions, and UI techniques, such as showing more information as space becomes available, to improve your application. For example, if you change the filter options in the panel on the left, you can see the phones drop out and move around in the main Catalog panel. As you hover the mouse over a phone, more buttons appear that provide opportunities for adding the phone to the compare list, the shopping cart, or viewing its details. You can also drag the phone into the compare panel. If you add the phone to the shopping cart, the panel shifts and exposes the cart, which was hidden underneath. This behavior shows how you can re-use the screen real estate (the drag-and-drop operation also works with the shopping cart when it's visible). There are also grips on the sides of the screen that can change from viewing the cart to the filter panel and back. The labels in the upper-right corner of the panel also show which page you are currently viewing, and you can click the label to change the state. </p> <h2>Flex framework features</h2> <p>Effects are clearly the highlight of the Flex Store application because they are used extensively for the animation between different states. The states are used to help hide and show different areas of information, and the ProductCatalogThumbnail has different states for the levels of detail visible. You can see how the drag-and-drop operation is implemented; it is initiated in the ProductCatalogPanel and handled in the ProductList. The application also employs extensive component customization; for example, the Panel container has buttons in its titleBar. This example exposes the power of using style sheets. You can change the default beige and orange theme to blue (and back again) by clicking on the FlexStore logo in the upper-left corner of the application.</p> <h2>Notes for Adobe<sup class="h2sup">®</sup> Flex<sup class="h2sup">™</sup> Builder<sup class="h2sup">™</sup> 2</h2> <p>To support runtime loading the CSS files must be compiled. Right-click on the beige.css and blue.css files in the Navigator and choose "Compile CSS to SWF." If you've imported this project from the Welcome page this option may already be selected. </p> <p>The "run" links in this Readme file point to an HTML wrapper that is located in the same directory as the Readme, which in turn must be in the same directory as the compiled SWF file. If you are running this application in Flex Builder, the compiled SWF file and its matching HTML wrapper may be in the <a href="bin/flexstore.html">bin</a> directory. </p> <h2>Notes for Adobe<sup class="h2sup">®</sup> Flex<sup class="h2sup">™</sup> SDK</h2> <p>The build script for the Flex Store application assumes that you run the application from the local file system (<code>file:///</code> in your browser). If you plan to run the application from a web server (<code>http://</code> in your browser), change the <code>-use-network</code> setting in the build script to <code>true</code>.</p> <p><a href="flexstore.html" target="_blank">Run Flex Store </a></p> </body> </html>

评论收藏

内容反馈