18、打造优秀的Flickr图片搜索应用及高级开发要点

打造优秀的Flickr图片搜索应用及高级开发要点

一、Flickr Finder应用基础搭建

在开发Flickr Finder应用时，我们进行了一系列关键的修改和添加操作，让应用具备基本的功能和良好的用户体验。

1. 切换面板类型
   在扩展函数中，我们将 Ext.Panel 替换为 Ext.TabPanel 。因为 TabPanel 需要 cardSwitchAnimation 组件来实现标签切换动画，以及 tabBar 组件来显示标签，所以我们也添加了这些组件。以下是相关代码：

tabBar: {
    dock: 'bottom',
    layout: {
        pack: 'center'
    }
},
initComponent: function() {
    Ext.apply(this, {
        items: [
            {
                xtype: 'searchphotos',
                title: 'Search',
                iconCls: 'search'
            },
            {
                xtype: 'savedPhotos',
                title: 'Saved Photo