选择 gridcontrol  控件
 
右键 Run designer
 
点击 feature Browser
 
选择 Focus,Selection,Navigtion
 
 
 
图1：
 
 
 
 
 
 
点击Buttons---> CustomButtons图2 
 
 
 
选择ImageIndex 可以更改按钮图片
 
 
 
图2:
 
 
 
 
 
 
把gridControl 自带的事件都禁用或者隐藏
 
图3：
 
 
 

安卓原本提供的按钮样式不足以满足于我们的需求。在UI方面要求在实际的开发中会使用更广泛。
 
安卓自带的按钮样式：      自定义按钮：
 
步骤1：在阿里图标库中找到一个按钮的图标，同一个图标下载两张不一样颜色的，用于设置按钮点击和未点击的样式。并将两张图放到res目录的drawable目录下.
 
步骤2：在res目录的drawable目录下右键new创建一个Android xml file，，并输入文件名称，选择选项为selector。如下：
 
 
 步骤3：在创建的文件中填入下图的代码。
 
 
步骤4：在layout文件夹下的布局文件中放入一个默认的按钮，切换到改布局页面的代码视图，填入下图的属性：
 
 
步骤5：右键项目名称运行项目即可。 
 
 
 

 
 
android 自定义按钮
 
 您好，今天我们将看到如何在android中自定义按钮。 我们将看到如何制作带有背景色的圆角按钮，以及如何渐变到按钮。 
 
 
 有关两个示例，请参见下面的gif。 
 
 

  
 
 
 

  
 
 
 
 首先，让我们看看 
 
 
 如何在Android中更改按钮背景颜色 
 
 
 请按照以下步骤在android中更改按钮背景。 
 
 
 要在android中应用或更改按钮的背景颜色，我们需要在布局和新的可绘制文件中创建一个按钮。 
 
 
 我们在布局中添加了我们的按钮，如下所示： 
 
 

  
<?xml version="1.0" encoding="utf-8"?>
< androidx.constraintlayout.widget.ConstraintLayout xmlns:android = "http://schemas.android.com/apk/res/android"
    xmlns:app = "http://schemas.android.com/apk/res-auto"
    xmlns:tools = "http://schemas.android.com/tools"
    android:layout_width = "match_parent"
    android:layout_height = "match_parent"
    tools:context = ".MainActivity" >

    < Button
        android:layout_width = "wrap_content"
        android:layout_height = "wrap_content"
        app:layout_constraintTop_toTopOf = "parent"
        app:layout_constraintLeft_toLeftOf = "parent"
        app:layout_constraintRight_toRightOf = "parent"
        app:layout_constraintBottom_toBottomOf = "parent"
        android:text = "Boring Button"
        />

</ androidx.constraintlayout.widget.ConstraintLayout >
 
 
 
 我们将制作一个可绘制的文件，并为按钮的背景编写代码。 
 
 

  
 
 
 

  
 
 
 

  
 
 
 
 创建文件后。 将此代码添加到drawable文件中，在这里我们将该文件命名为bg_btn.xml 。 
 
 

  
<?xml version="1.0" encoding="utf-8"?>
< shape android:shape = "rectangle" xmlns:android = "http://schemas.android.com/apk/res/android" >
    < solid
        android:color = "@android:color/holo_red_light" />
</ shape >
 
 
 
 在上面的代码中，首先，我们通过将根元素设置为shape并传递属性shape并将其值设置为矩形来指定按钮的形状。 在形状上，我们添加了一个实体子元素并将属性颜色设置为红色。 
 
 
 现在我们已经创建了按钮背景，现在我们必须将这些设置应用于按钮。 
 
 
 在布局文件夹中打开活动布局文件，并在按钮子级中传递背景属性，并将其值设置为我们之前创建的可绘制文件，请参见以下代码以供参考。 
 
 
 我们添加了一些填充并将文本颜色更改为白色，以便在android中看起来不错且有吸引力的按钮 
 
 

  
<?xml version="1.0" encoding="utf-8"?>
< androidx.constraintlayout.widget.ConstraintLayout xmlns:android = "http://schemas.android.com/apk/res/android"
    xmlns:app = "http://schemas.android.com/apk/res-auto"
    xmlns:tools = "http://schemas.android.com/tools"
    android:layout_width = "match_parent"
    android:layout_height = "match_parent"
    tools:context = ".MainActivity" >

    < Button
        android:layout_width = "wrap_content"
        android:layout_height = "wrap_content"
        app:layout_constraintTop_toTopOf = "parent"
        app:layout_constraintLeft_toLeftOf = "parent"
        app:layout_constraintRight_toRightOf = "parent"
        app:layout_constraintBottom_toBottomOf = "parent"
        android:background = "@drawable/bg_btn"
        android:textColor = "@android:color/white"
        android:paddingStart = "20sp"
        android:paddingEnd = "20sp"
        android:text = "Custom Button"
        />

</ androidx.constraintlayout.widget.ConstraintLayout >
 
 
 
 现在，您可以在预览窗口中查看自定义按钮预览，如果您在android手机上运行您的应用程序，则将看到自定义按钮。 
 
 

  
 
 
 
 我们可以使此按钮变成圆角并添加渐变颜色，如下所示。 
 
 

  
 
 
 

  
 
 
 
 如果您想学习如何制作上述按钮，可以参考android中自定义按钮的相关文章。 
 
 
 感谢您的阅读希望，您会学到一些新东西。 祝你今天愉快。 
 
 
 先前发布在 https://www.akshayrana.in/2020/05/customize-button-in-android.html 
 
 

  
翻译自: https://hackernoon.com/how-to-customize-buttons-in-android-jr5q3v5y
 
 
android 自定义按钮

一、JS自定义按钮 + 按钮隐藏
 
1、FastAdmin JS自定义按钮
 
效果图：
 
 
自定义video视频按钮
 
{
    field: 'operate',
    title: __('Operate'),
    table: table,
    events: Table.api.events.operate,
    buttons: [
        {
            name: 'video',
            text: __('视频'),
            icon: 'fa fa-list',
            classname: 'btn btn-xs btn-primary  btn-addtabs',
            url: 'major/chapter/index/subject_id/{ids}',
        }
    ],
    formatter: Table.api.formatter.operate
}
 
2、隐藏video视频按钮
 
效果图：
 
 
隐藏自定义按钮
 
{
    field: 'operate',
    title: __('Operate'),
    table: table,
    events: Table.api.events.operate,
    buttons: [
        {
            name: 'video',
            text: __('视频'),
            icon: 'fa fa-list',
            classname: 'btn btn-xs btn-primary  btn-addtabs',
            url: 'major/chapter/index/subject_id/{ids}',
        }
    ],
    formatter: function (value, row, index) { //隐藏自定义的视频按钮
    var that = $.extend({}, this);
    var table = $(that.table).clone(true);
    $(table).data("operate-video", null);  //隐藏按钮操作 video为自定义按钮的name 
    that.table = table;
    return Table.api.formatter.operate.call(that, value, row, index);
    }
}
 
       这样自定义按钮的显示和隐藏就可以控制了，当然也可以通过这种方式来隐藏FastAdmin生成的按钮，但是不推荐这样做，FastAdmin生成的按钮可以通过权限控制来隐藏。
 
二、根据自定义按钮的权限，控制显示与隐藏
 
1、首先后台判断对应权限
 
在后台初始化方法中，判断是否有按钮的权限，并通过assignconfig()来保存，然后在JS中判断权限。
 
$this->auth->check(''); 判断是否具有对应路径的权限
 
public function _initialize()
{
    parent::_initialize();
    $this->assignconfig('chapter', $this->auth->check('major/chapter/index')); //为了JS能获取到，同时判读权限 判断是否有major/chapter/index权限
}
 
2、对应JS中
 
通过Config.chapter  来获取后台的权限状态，然后根据状态显示与隐藏按钮。
 
{
    field: 'operate',
    title: __('Operate'),
    table: table,
    events: Table.api.events.operate,
    buttons: [
        {
            name: 'video',
            text: __('视频'),
            icon: 'fa fa-list',
            classname: 'btn btn-xs btn-primary  btn-addtabs',
            url: 'major/chapter/index/subject_id/{ids}',
        }
    ],
    formatter: function (value, row, index) { //隐藏自定义的视频按钮
    var that = $.extend({}, this);
    var table = $(that.table).clone(true);
    //权限判断
    if(Config.chapter != true){  //通过Config.chapter 获取后台存的chapter
        console.log('没有视频权限');
        $(table).data("operate-video", null); 
        that.table = table;
    }else{
        console.log('有视频权限');
    }
    return Table.api.formatter.operate.call(that, value, row, index);
    }
}
 
最终效果图：
 
 
 
  
 
 
就是这样-。-。。。 好像也没几个人能看到吧