SDL：我有 8 个图像和一些 css 规则，如何创建按钮？

Question

因此，我有 8 张图片，我在网络播放器中将它们用作背景对于不同的按钮状态。 我还有一些类似的 CSS 文件，其中包含用于正确调整大小的scaleGrid 声明：

    /* CSS file */
    mx|Button
    {
        disabledSkin:                       Embed(source="assets/Button_disabledSkin.png",
            scaleGridTop="5",
            scaleGridLeft="5",
            scaleGridRight="59",
            scaleGridBottom="17");
        downSkin:                           Embed(source="assets/Button_downSkin.png",
            scaleGridTop="5",
            scaleGridLeft="5",
            scaleGridRight="59",
            scaleGridBottom="17");
        overSkin:                           Embed(source="assets/Button_overSkin.png",
            scaleGridTop="5",
            scaleGridLeft="5",
            scaleGridRight="59",
            scaleGridBottom="17");
        upSkin:                             Embed(source="assets/Button_upSkin.png",
            scaleGridTop="5",
            scaleGridLeft="5",
            scaleGridRight="59",
            scaleGridBottom="17");
        selectedDisabledSkin:               Embed(source="assets/Button_selectedDisabledSkin.png",
            scaleGridTop="5",
            scaleGridLeft="5",
            scaleGridRight="59",
            scaleGridBottom="17");
        selectedDownSkin:                   Embed(source="assets/Button_selectedDownSkin.png",
            scaleGridTop="5",
            scaleGridLeft="5",
            scaleGridRight="59",
            scaleGridBottom="17");
        selectedOverSkin:                   Embed(source="assets/Button_selectedUpSkin.png",
            scaleGridTop="5",
            scaleGridLeft="5",
            scaleGridRight="59",
            scaleGridBottom="17");
        selectedUpSkin:                     Embed(source="assets/Button_selectedUpSkin.png",
            scaleGridTop="5",
            scaleGridLeft="5",
            scaleGridRight="59",
            scaleGridBottom="17");

    }

How to make a ressized (rightly) Button in SDL that will use my asset and has at at at at at the right of 4 states?