Xin chào các bạn, bài viết hôm nay mình sẻ tiếp tục hướng dẫn các bạn cách sử dụng Stub Glyph Behavior trong Devexpress C# Winform.

[DEVEXPRESS] USING Stub Glyph Behavior In Devexpress C#

Stub Glyph Behavior có thể được sử dụng cho các loại control component trong Devexpress sau:

• GridColumn
• ImageComboBoxEdit
• LayoutControlGroup
• LayoutControlItem
• XtraTabPage
• TreeListColumn
• ImageListBoxControl

Dưới đây là giao diện demo ứng dụng mình sử dụng với ImageComboxEdit.

Trong danh sách này, mình sẽ chứa các danh sách món ăn, và hình ảnh mình không có mình sẽ sử dụng Stub Glyph Behavior để tạo hình ảnh icon cho từng món ăn.

Cấu hình Stub Glyphs

Full source code C#:

using DevExpress.Utils.Behaviors;
using DevExpress.Utils.Drawing;
using DevExpress.XtraEditors;
using DevExpress.XtraEditors.Behaviors;
using DevExpress.XtraEditors.Controls;
using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Windows.Forms;

namespace StubGlyphsDemo
{
    public partial class Form1 : DevExpress.XtraEditors.XtraForm
    {
        public Form1()
        {
            InitializeComponent();
            imageComboBoxEdit1.Properties.Items.AddRange(new ImageComboBoxItem[] {
            new ImageComboBoxItem("Hải sản xào"),
            new ImageComboBoxItem("Trâu xào thiên lý" ),
            new ImageComboBoxItem("Bia Tiger"),
            new ImageComboBoxItem("Vú dê nướng"),
            new ImageComboBoxItem("Lẩu dê tiềm thuốc bắc"),
            new ImageComboBoxItem("Bò nhúng giấm"),
            new ImageComboBoxItem("Dồi trường hấp" ),
            new ImageComboBoxItem("Cút chiên bơ"),
            new ImageComboBoxItem("Tôm nướng"),
            new ImageComboBoxItem("Vịt quay Bắc Kinh")});
             imageComboBoxEdit1.SelectedIndex = 1;
         
           

            //imageComboBoxEdit1.Properties.GlyphAlignment = DevExpress.Utils.HorzAlignment.Far;

        }

        private void textEdit1_EditValueChanged(object sender, EventArgs e)
        {
            if (textEdit1.Text.Length > 2) {
                if (checkEdit1.Checked)
                {
                    pictureEdit1.Image = GetImageFromName(textEdit1.Text, 256, 256, GlyphBackgroundType.Ellipse);
                }
                else
                {
                    pictureEdit1.Image = GetImageFromName(textEdit1.Text, 256, 256, GlyphBackgroundType.Rectangle);
                }
            }
            
           
        }

        Random random = new Random();
        public Image GetImageFromName(string name, int height, int width , GlyphBackgroundType type)
        {                   
            var color = String.Format("#{0:X6}", random.Next(0x1000000));
            var stubGlyphOptions = new StubGlyphOptions();
            stubGlyphOptions.CaseMode = GlyphTextCaseMode.UpperCase;
            stubGlyphOptions.LetterCount = GlyphTextSymbolCount.Two;
            stubGlyphOptions.CornerRadius = 10;
            stubGlyphOptions.Type = type;
            stubGlyphOptions.RandomizeColors = false;
            var b = new Bitmap(height, width);
            using (var g = Graphics.FromImage(b))
            {
                using (var cache = new GraphicsCache(g))
                {
                    GlyphPainter.Default.DrawGlyph(cache, stubGlyphOptions, name, new Rectangle(0, 0, height, width), ColorTranslator.FromHtml(color), Color.White);
                }
            }

            return b;
        }

        private void checkEdit1_CheckedChanged(object sender, EventArgs e)
        {
            textEdit1_EditValueChanged(null, null);
        }
    }
}

Thanks for watching!

DOWNLOAD SOURCE