SOUI中使用shape创建带描边的按钮

admin

skin.xml中定义


<shape name="shp3" shape="rectangle">
                <corners radiusX="20" radiusY="20" />
                <solid color="#0000ff" />
                <size width="100" height="100" />
        </shape>
        <shape name="shp4" shape="rectangle">
                <corners radiusX="20" radiusY="20" />
                <solid color="rgb(76,73,73)" />
                <size width="100" height="100" />
                <stroke color="rgb(103,101,101)" width="2" />
        </shape>



xml中正常使用
<button pos="-210,[10" size="96,32" colorText="#ffffff" skin="shp3" font="size:18">登录</button>
<button pos="-105,{0" size="96,32" colorText="#ffffff" skin="shp4" font="size:18" >取消</button>

即可实现上述效果。