Android 动态添加自定义式样的按钮

最新推荐文章于 2025-05-16 12:52:52 发布

Harlan9001

最新推荐文章于 2025-05-16 12:52:52 发布

阅读量9.4k

点赞数

CC 4.0 BY-SA版权

分类专栏： Android开发文章标签： android button 动态布局自定义按钮

本文链接：https://blog.youkuaiyun.com/Singleton1900/article/details/8438963

Android开发专栏收录该内容

58 篇文章

订阅专栏

本文介绍了如何在Android应用中动态添加自定义样式的按钮，特别是在处理如根据商品支付方式动态生成支付按钮的场景下。关键点在于使用LinearLayout作为容器并结合Selector来定制按钮的样式。代码示例展示了动态增加按钮的方法，同时详细解释了如何设置渐变、描边、圆角和内间距等属性，以实现丰富的视觉效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

有时候根据项目需求需要动态地增加控件.

比如根据一种商品的可支付方式,动态地添加支付手段的按钮.

实现起来比较容易,唯一要注意的是,button外要嵌套一层linearlayout以控制按钮所在位置.

而自定义的按钮样式可以通过selector来实现.

整个Demo工程结构如下:

动态增加按钮的代码:

package com.harlan.demo.activity;

import java.util.ArrayList;

import android.app.Activity;
import android.graphics.Color;
import android.os.Bundle;
import android.view.ViewGroup.LayoutParams;
import android.widget.Button;
import android.widget.LinearLayout;

public class DynBtnActivity extends Activity
{
    private LinearLayout mBtnRoot;
    private ArrayList<String> Array;
    @Override
    protected void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        mBtnRoot = (LinearLayout)findViewById(R.id.btn_lay);
        initArray();
        addBtn();
    }
    
    private void initArray()
    {
        Array = new ArrayList<String>();
        Array.add("BTN01");
        Array.add("BTN02");
        Array.add("BTN03");
        Array.add("BTN04");
        Array.add("BTN05");
        Array.add("BTN06");
    }
    
    private void addBtn()
    {
        for (int i = 0; i < Array.size(); i++)
        {
            LinearLayout linearLayout = new LinearLayout(getApplicationContext());
            LinearLayout.LayoutParams lp = new LinearLayout.LayoutParams(200, LayoutParams.WRAP_CONTENT);
            lp.setMargins(0, 10, 0, 10);
            linearLayout.setLayoutParams(lp);
            Button button = new Button(getApplicationContext());
            LayoutParams layoutParams = new LayoutParams(200, LayoutParams.WRAP_CONTENT);
            button.setLayoutParams(layoutParams);
            button.setText(Array.get(i));
            button.setTextColor(Color.WHITE);
            button.setBackgroundResource(R.drawable.button_selector);
            linearLayout.addView(button);
            mBtnRoot.addView(linearLayout);
        }
    }
    
}

button_selector的代码如下:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:state_pressed="true">
        <shape>
            <gradient android:angle="90" android:endColor="#ffa33d" android:startColor="#ff7c00" />

            <stroke android:width="1dip" android:color="#fd9417" />

            <corners android:radius="5dp" />

            <padding android:bottom="10dp" android:left="10dp" android:right="10dp" android:top="10dp" />
        </shape>
    </item>
    <item android:state_focused="true">
        <shape>
            <gradient android:angle="90" android:endColor="#fcd673" android:startColor="#eb9212" />

            <stroke android:width="1dip" android:color="#dc6b00" />

            <corners android:radius="5dp" />

            <padding android:bottom="10dp" android:left="10dp" android:right="10dp" android:top="10dp" />
        </shape>
    </item>
    <item>
        <shape>
            <gradient android:angle="90" android:endColor="#6f859c" android:startColor="#25486e" />

            <stroke android:width="1dip" android:color="#06274a" />

            <corners android:radius="5dip" />

            <padding android:bottom="10dp" android:left="10dp" android:right="10dp" android:top="10dp" />
        </shape>
     </item>
</selector>

其中:

gradient：渐变
android:startColor:起始颜色;android:endColor结束颜色，android:angle:渐变角度，必须为45的整数倍。
另外渐变默认的模式为android:type="linear"，即线性渐变，可以指定渐变为径向渐变，android:type="radial"，径向渐变需要指定半径android:gradientRadius="50"。

stroke：描边
android:width:描边的宽度，android:color: 描边的颜色。
描边可以做成虚线的式，设置方式为：android:dashWidth:一个横线的宽度;android:dashGap:之间隔开的距离.

corners:圆角

android:radius:角的弧度，值越大角越圆。

padding:内间距

Demo下载地址:http://download.youkuaiyun.com/detail/singleton1900/4930004