Telerik 标题栏自定义按钮及按钮的各种效果

现在在学习 Telerik UI for WinForm，很多控件的效果都实现不出来，在这里做一下笔记免得忘记，也供大家参考一起学习。

下边是在标题栏上自定义按钮的代码：

            // 自定义按钮
            RadButtonElement settingButton = new RadButtonElement();

            // 设置Image属性，添加Icon（透明图标）
            settingButton.Image = Properties.Resources.setting;
            // 设置按钮最大值（不设置按钮会沾满整个标题栏）
            settingButton.MaxSize = new Size(20, 20);
            // 设置图片在按钮中的位置
            settingButton.ImageAlignment = ContentAlignment.MiddleCenter;
            // 取消边框
            settingButton.ShowBorder = false;
            // 设置按钮在标题栏中的位置（默认靠左）
            settingButton.Alignment = ContentAlignment.MiddleRight;
            // 隐藏按钮（隐藏后Image、backgroundImage还能显示，类似控件透明）
            settingButton.ButtonFillElement.Visibility = ElementVisibility.Collapsed;

            // 添加MouseHover、MouseLeave事件实现按钮高亮显示
            settingButton.MouseHover += SettingButton_MouseHover;
            settingButton.MouseLeave += SettingButton_MouseLeave;

            // 自定义按钮添加到标题栏
            this.FormElement.TitleBar.Children[2].Children.Insert(3, settingButton);

MouseHover事件

 private void SettingButton_MouseLeave(object sender, EventArgs e)
        {
            ((RadButtonElement)sender).ButtonFillElement.Visibility =                                     ElementVisibility.Collapsed;
        }

MouseHover事件

 private void SettingButton_MouseHover(object sender, EventArgs e)
        {
            ((RadButtonElement)sender).ButtonFillElement.Visibility = ElementVisibility.Visible;
        }

效果：

     鼠标滑过高亮

 

但是高亮色和自带的按钮高亮色不一样   

 

解决方法：设置自定义按钮的主题角色

                   settingButton.ThemeRole = "TitleBarCloseButton";

问题得到结局。

 

参考：

https://www.telerik.com/forums/how-to-properly-add-a-radbuttonelement-in-a-radform-titlebar

https://www.telerik.com/forums/adding-a-custom-button-to-radwindow-titlebar

https://docs.telerik.com/devtools/winforms/controls/forms-and-dialogs/radtitlebar/structure