いろいろ備忘録日記

主に .NET とか Go とか Flutter とか Python絡みのメモを公開しています。

DevExpress奮闘記-076 (LabelControlコントロール)(LineVisible, 垂直線、水平線を表示)


LabelControlには、普通にラベルとして利用するほかに
垂直線/水平線を表示して利用するという使い方もあります。


線を表示するには、コントロールのAutoSizeModeをあらかじめ
Noneに設定しておく必要があります。

labelControl.AutoSizeMode = LabelAutoSizeMode.None;

その後、以下のプロパティを設定します。

labelControl.LineVisible = true;

デフォルトでは、テキストの右側に線が表示されます。
当然、Textプロパティを空文字にすると線のみになります。
また、LineOrientationプロパティにて垂直/水平を設定できます。


以下のような感じになります。

以下サンプルです。

using System;
using System.Drawing;
using System.Windows.Forms;
using DevExpress.Utils;
using DevExpress.XtraEditors;

namespace DevExpress_LabelControl_VerticalLine
{
    public partial class Form1 : Form
    {
        public Form1()
        {
            InitializeComponent();
        }

        private void Form1_Load(object sender, EventArgs e)
        {
            Text = "LabelControl LineVisible";

            //
            // LabelControlの設定.
            //
            labelControl1.Text = "普通にラベルとして利用";

            labelControl2.AutoSizeMode = LabelAutoSizeMode.None;
            labelControl2.LineVisible  = true;
            labelControl2.Text         = string.Empty;

            labelControl3.AutoSizeMode = LabelAutoSizeMode.None;
            labelControl3.LineVisible  = true;
            labelControl3.Text         = "テキスト付き";

            labelControl4.AutoSizeMode = LabelAutoSizeMode.None;
            labelControl4.LineVisible  = true;
            labelControl4.Appearance.TextOptions.HAlignment = HorzAlignment.Far;
            labelControl4.Text         = "線を左側に表示";

            labelControl5.AutoSizeMode = LabelAutoSizeMode.None;    
            labelControl5.LineVisible  = true;
            labelControl5.LineLocation = LineLocation.Bottom;
            labelControl5.LineColor    = Color.Gainsboro;
            labelControl5.Text         = "線を下に表示";

            labelControl6.AutoSizeMode = LabelAutoSizeMode.None;
            labelControl6.LineVisible  = true;
            labelControl6.LineOrientation = LabelLineOrientation.Vertical;
            labelControl6.Text         = "垂直線を表示";

            labelControl7.AutoSizeMode     = LabelAutoSizeMode.None;
            labelControl7.LineVisible      = true;
            labelControl7.Text             = "画像付き";
            labelControl7.Appearance.Image = Properties.Resources.label;
            labelControl7.ImageAlignToText = ImageAlignToText.LeftCenter;
        }
    }
}


サンプルプロジェクトは以下の場所にアップしてあります。

================================
過去の記事については、以下のページからご参照下さい。