2

我是煎茶触摸的新手。我有一个带有撰写图标的按钮。根据给定的按钮大小，该图标出现在按钮的右下角。任何人都可以帮我调整它吗？iconAlign 属性对我不起作用。

                        {
                            xtype: 'button',
                            ui: 'action',
                            iconMask: true,
                            iconCls: 'compose',
                            iconAlign:'center',
                            width:35,
                            height: 25,
                            action:'landedInfo'
                        }
4

4 回答 4

2

您必须将 padding 属性设置为 0，因为您提供的宽度和高度太小，因此会与您为“iconAlign”提供的“中心”值混淆：

{
    xtype: 'button',
    ui: 'action',
    iconMask: true,
    iconCls: 'compose',
    iconAlign:'center',
    width:35,
    height: 25,
    padding:0,
    action:'landedInfo'
}

查看它的一种方法是将宽度和高度增加到 100x50，然后您将获得一个居中的图标，而无需触摸 padding 属性...我承认一开始这可能很难发现。

希望这可以帮助

于 2012-05-09T08:09:55.117 回答
0

在 css 中设置边距帮助我将图标放在中心：

.x-tab .x-button-icon.compose,.x-button .x-button-icon.x-icon-mask.compose
{

margin-left:-5px;
margin-top:-5px;
margin-right:-7px;
margin-bottom:-5px;
    }
于 2012-05-11T04:50:49.887 回答
0

我尝试了这个并为我工作：

{
    xtype: 'button',
    ui: 'normal',
    text:'LOGOUT',
    iconMask: true,
    iconCls: 'user',
    iconAlign:'center',            
     padding:0,
    cls: 'x-iconalign-top',

}
于 2013-05-07T13:10:08.180 回答
0

如果你使用 icon-font，你可以用 css 来做。

.x-button-icon {
    /*Icon centering*/
    position:absolute;
    width:1em;//set width of icon relative(icon is font)
    top:50%;
    margin-top:-0.5em;//half of icon height shift back
    left:50%;
    margin-left:-0.5em;//half of icon width shift back
}

您还可以使用任何组件的顶部、右侧、底部和左侧配置在 Sencha Touch 中绝对定位组件。这类似于 position: absolute CSS 代码。

于 2013-11-06T17:09:25.800 回答