Question

我正在学习如何在Android中创建优秀的用户界面，我想知道如何制作这种按钮或类似的东西。任何帮助将不胜感激。

我一直在努力与UI，我不是我不是设计师，但我想慢慢学习。这是我到目前为止所尝试的，我想知道如何添加角落。提前致谢

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle" >
    <corners
        android:radius="14dp"
        />
    <gradient
        android:angle="45"
        android:centerX="55%"
        android:centerColor="#FFE9B3"
        android:startColor="#FFC627"
        android:endColor="#FFD152"
        android:type="linear"
        />
    <padding
        android:left="4dp"
        android:top="2dp"
        android:right="4dp"
        android:bottom="2dp"
        />
    <size
        android:width="270dp"
        android:height="60dp"
        />
    <stroke
        android:width="7dp"
        android:color="#FFFFFF"
        />
</shape>

见图片

Answer 1

你可以使用像下载这样的图层列表：

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape>
            <solid android:color="#b0a079"/>
            <corners android:radius="20dp"/>
        </shape>
    </item>

    <item android:bottom="5dp">
        <shape>
            <solid android:color="#efefef"/>
            <corners android:radius="20dp"/>
        </shape>
    </item>

    <item android:bottom="15dp">
        <shape>
            <solid android:color="#df9931"/>
            <corners android:radius="20dp"/>
        </shape>
    </item>

    <item android:bottom="25dp">
        <shape>
            <solid android:color="#ffc627"/>
            <corners android:radius="20dp"/>
        </shape>
    </item>
</layer-list>

已更新：对于“EASY”（按钮文本），您可以更改与预览图像类似的自定义字体（字体）的按钮字体。找到您的自定义字体，复制资产中的字体并使用它，如下面的代码：

Button btnEasy =(Button)findViewById(R.id.btn_easy);
Typeface typeFace = Typeface.createFromAsset(getAssets(),"your_custom_font_name.ttf");
btnEasy.setTypeface(typeFace);

我建议您一次从资源创建字体并将其存储在单个对象中，如果您想在应用程序的其他位置使用它（它只是显示用例）

如何自定义Android中的按钮，如下图所示，请参见图片

1 个答案: