DevExpress TileControl TileItem圆角

最新推荐文章于 2024-08-16 11:06:40 发布

涛神-DevExpress资深开发者

最新推荐文章于 2024-08-16 11:06:40 发布

阅读量2.5w

点赞数

分类专栏： DevExpress Winform 文章标签： c# devexpress TileControl 圆角

本文链接：https://blog.csdn.net/u012097590/article/details/120078658

版权

DevExpress 同时被 2 个专栏收录

57 篇文章 112 订阅

订阅专栏

Winform

42 篇文章 15 订阅

订阅专栏

本文介绍了如何在Winform应用中利用DevExpress的TileControl创建圆角效果。通过设置控件属性，如将边框设为不可见，背景色设为透明，并使用带有圆角的图片作为背景，可以实现类似Html5和WPF的圆角效果。具体步骤包括设置TileItem的背景图片，调整图片缩放模式，以及添加和配置TileItems。

摘要由CSDN通过智能技术生成

很多人对圆角情有独钟，但圆角对于Winform来说，简直是个鸡肋，不像Html5和WPF这些，直接设置个属性参数即可，Winform基本都得用到重绘，对于DevExpress的控件来说有些是考虑用自定义皮肤或者修改控件对应皮肤元素的图片，只要使用圆角图片即可，结合采用圆角图片的概念，对于TileControl 来说，简单一点的方式就是设置TileItem的背景图片，去除边框和背景色透明，就可以达到TileItem 为圆角的效果。

圆角图片准备：

代码设置：

tileControl1.ItemBorderVisibility = TileItemBorderVisibility.Never;
            tileControl1.BackColor = Color.White;
            tileGroup1.Items.Clear();
            tileControl1.IndentBetweenItems = -10;
            tileControl1.AppearanceItem.Normal.BackColor = Color.Transparent;
            for (int i = 0; i < 20; i++)
            {
                var tileItemElement = new TileItemElement();
                tileItemElement.ImageOptions.Image = DXApplication1.Properties.Resources.round;
                tileItemElement.ImageOptions.ImageScaleMode = DevExpress.XtraEditors.TileItemImageScaleMode.Stretch;
                tileItemElement.Text = "tileItem"+i;
                tileItemElement.TextAlignment = DevExpress.XtraEditors.TileItemContentAlignment.MiddleCenter;
                var item = new TileItem();
                item.Elements.Add(tileItemElement);
                item.ItemSize = DevExpress.XtraEditors.TileItemSize.Wide;
                item.Name = "item"+i;
                tileGroup1.Items.Add(item);
            }

结果图：