专题:gravity(重力)

gravity(重力)属性在构建界面的时候很有用,尤其是当你想让一个控件的文字摆放在上下左右等位置的时候当然,它也可以用于控件的摆放位置

一、控件摆放位置


<ui>
    <linear gravity="center" h="max" w="max">
        <button/>
    </linear>
</ui>

除此以外,还可以居中后居左或者右边 gravity="center|start"等价于gravity="center|left"


<ui>
    <linear gravity="center|start" h="max" w="max">
        <button/>
    </linear>
</ui>

如果想要居中后居右,则使用gravity="center|end"等价于gravity="center|right"


<ui>
    <linear gravity="start" h="max" w="max">
        <button/>
    </linear>
</ui>


<ui>
    <linear gravity="bottom|end" h="max" w="max">
        <button/>
    </linear>
</ui>


<ui>
    <linear gravity="end" h="max" w="max">
        <button/>
    </linear>
</ui>


<ui>
    <linear gravity="bottom|start" h="max" w="max">
        <button/>
    </linear>
</ui>

控件中的文字默认是居中的,如果要居左,则使用gravity="center|start"等价于gravity="center|left"


<ui>
    <linear gravity="center" h="max" w="max" padding="30">
        <button gravity="center|start" w="max"/>
    </linear>
</ui>

使用gravity="center|end"等价于gravity="center|right"


<ui>
    <linear gravity="center" h="max" w="max" padding="30">
        <button gravity="center|end" w="max"/>
    </linear>
</ui>