Extjs Sencha Touch 2中img X类型顶部的图层按钮X类型

我试图在一个

xtype:'img'

上加上3个按钮，但我一无所获，在网上找不到太多关于它的信息

这是怎么回事

编辑：

我有一个图像，当你点击它，我希望它显示相同的图像，但现在有3个选项，你可以选择从查看下载共享我希望按钮看起来像他们弹出的图像

Ext.define('Crystal.view.apphb',{
extend: 'Ext.Panel',
    xtype:'apphb',
    id:'panel',
requires: [

   'Ext.TitleBar',

],
 config:{
 layout: {
    type: 'card',
    animation: {
        type: 'fade'},
 },

items:[{

    xtype:'img',
 src:'resources/img/apphb.png',

listeners: {
            tap: function() {
                Ext.getCmp('panel').setActiveItem(1);
            },
            },

},

{





    xtype:'img',
 src:'resources/img/1.png',

 listeners: {
  tap: function() {
                Ext.getCmp('panel').setActiveItem(-1);
                }
                },






    }
]

}

---

}))

我从你的问题中了解到的很简单。您希望在点击图像时在弹出窗口中显示某些按钮。所以你可以在里面用按钮

正在使用演示的工作小提琴。您可以在此弹出窗口中显示所需的任何内容。 该方法允许您相对于作为参数传递的特定元素放置弹出窗口。这是密码

launch: function() {
        Ext.create('Ext.Panel', {
            fullscreen: true,
            items:[
                {
                    xtype:'image',
                    src: 'http://www.sencha.com/assets/images/sencha-avatar-64x64.png',
                    height: 64,
                    width: 64,
                    listeners:{
                        tap:function( img,e,opts ){
                           var overlay = Ext.Viewport.add({
                            xtype: 'panel',
                            left: 0,
                            top: 0,                       
                            modal: true,
                            hideOnMaskTap: true,
                            hidden: true,
                            width:160,
                            height:90,                          
                               items:[
                                   {
                                       xtype:'button',
                                       text:'Download'
                                   }
                               ],
                            styleHtmlContent: true,
                            scrollable: true
                        });             
                    overlay.showBy(img);
                       }
                    }
                }
                ]
        });
    }

---

使用img作为容器的背景怎么样

    xtype: 'container',
                style: 'background: url(http://wallpapers.free-review.net/wallpapers/36/New_Batman_movie.jpg) no-repeat;',
                layout: {
                    align: 'stretch',
                    type: 'vbox'
                },
                items: [
                    {
                        xtype: 'container',
                        flex: 1
                    },
                    {
                        xtype: 'container',
                        height: 100,
                        defaults: {
                            margin: 5,
                            height: 80,
                            width: 100
                        },
                        items: [
                            {
                                xtype: 'button',
                                text: 'Like'
                            },
                            {
                                xtype: 'button',
                                text: 'Tweet'
                            }
                        ]
                    }
                ]
            }

---

那你到底想做什么？据我所知，你做不到。。。我可能错了。更多的代码可能会有帮助基本上我想要3个按钮显示或浮动在图像上，就像xtype messagebox一样，只是没有黑色背景。这更有帮助吗？是的，但我认为你不能将按钮放在

xtype:img

的顶部。也许如果你有更多的代码，我可以看到你正在努力完成什么。好吧，它是用代码更新的方式工作的，如果有人投反对票，他有责任给出背后的原因。这肯定会指出回答者所犯的错误。如果我想在单击下载按钮时下载/保存图像，该怎么办？如果是，我可以添加此功能吗？如何添加？请参考我的问题。。。谢谢