从Sencha Touch的url显示图像

Display image from an url in Sencha Touch

本文关键字：显示 显示图 图像 url Sencha Touch      更新时间：2023-09-26

我尝试在页面上显示来自url的图像。但它不会显示。我不知道哪里不对，但我需要帮助。

这是html代码。index . html 

<html><head>
<title>Hello World</title>
<style>
.hello {
    background:#000000;
    background-image:url(http://24.media.tumblr.com/tumblr_l4l2wdQYkw1qayuxao1_500.png);
}
.world {
    background:#ffffff;
            background-image:url(http://37.media.tumblr.com/tumblr_l41spq8tIq1qz7ywoo1_500.png);
            background-repeat:no-repeat;
        }
</style>
<script type="text/javascript" src="touch/sencha-touch.js"></script>
<link href="touch/resources/css/sencha-touch.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="app.js"></script>
<script id="microloader" type="text/javascript" src=".sencha/app/microloader/development.js"></script>

这是app.js 的代码
requires: [
    'Ext.MessageBox'
],
views: [
    'Main'
],
icon: {
    '57': 'resources/icons/Icon.png',
    '72': 'resources/icons/Icon~ipad.png',
    '114': 'resources/icons/Icon@2x.png',
    '144': 'resources/icons/Icon~ipad@2x.png'
},
isIconPrecomposed: true,
startupImage: {
    '320x460': 'resources/startup/320x460.jpg',
    '640x920': 'resources/startup/640x920.png',
    '768x1004': 'resources/startup/768x1004.png',
    '748x1024': 'resources/startup/748x1024.png',
    '1536x2008': 'resources/startup/1536x2008.png',
    '1496x2048': 'resources/startup/1496x2048.png'
},
launch: function() {
this.tabs = new Ext.TabPanel({
    fullscreen: true,
    tabBar: {
        ui: 'light',
        layout: {
            pack:'center'
        }
    },
    items: [
        {docked:'top', xtype:'toolbar', title:'Hello World'},
        {cls:'hello', title:'Hello'},
        {cls:'world', title:'World'}
    ]
    });
}

上面是一个代码，从这个教程http://www.sencha.com/learn/taking-sencha-touch-apps-offline/有人能帮我解决这个问题吗?谢谢你。

在启动函数的底部，将选项卡面板添加到视图中。您已经创建了制表面板，但此时它只是内存中的一个对象。它不会在任何地方呈现。

launch: function () {
    ...
    Ext.Viewport.add(this.tabs);
}
相关文章：