隐藏DateTimePicker的文本和Usercontrol的大小

我有一个用户控件,它有一个DateTimePicker与单行文本框(Tb)重叠,
覆盖DateTimePicker的文本部分。 文本框Tb( 绿色 )被锚定(LTRB)。

调整usercontrol的大小时会出现问题。
叠加的datetimepicker出现在文本Tb后面。

目前用户控制是242(W)x 20(H)。 当控制调整到100(宽度)以下时,问题就会显现出来。

我尝试将CustomFormat设置为“”的文本留空,但用户控件支持许多datetimepicker功能,因此这不是一个选项。

我试图在用户控件上设置最小大小,但这不起作用。

编辑:
该控件已在少数应用程序中使用。在这些应用程序中,控件的最小尺寸为90X20,而我们现在设置的最小尺寸为97x20。
进行更改后,VS设计人员将现有的控件大小设置为97x20?
如何达到这个效果(重新调整到97x20)?

添加最小尺寸后编辑 ****代码****

namespace WindowsFormsApplication1
{
    partial class CDatePicker
    {
        private System.ComponentModel.IContainer components = null;


        protected override void Dispose(bool disposing)
        {
            if (disposing && (components != null))
            {
                components.Dispose();
            }
            base.Dispose(disposing);
        }

        #region Component Designer generated code


        private void InitializeComponent()
        {
            this.splitContainer1 = new System.Windows.Forms.SplitContainer();
            this.datepanel = new System.Windows.Forms.Panel();
            this.datetxt = new System.Windows.Forms.TextBox();
            this.dateTimePicker1 = new System.Windows.Forms.DateTimePicker();
            this.timepanel = new System.Windows.Forms.Panel();
            this.timetxt = new System.Windows.Forms.TextBox();
            ((System.ComponentModel.ISupportInitialize)(this.splitContainer1)).BeginInit();
            this.splitContainer1.Panel1.SuspendLayout();
            this.splitContainer1.Panel2.SuspendLayout();
            this.splitContainer1.SuspendLayout();
            this.datepanel.SuspendLayout();
            this.timepanel.SuspendLayout();
            this.SuspendLayout();
            // 
            // splitContainer1
            // 
            this.splitContainer1.Dock = System.Windows.Forms.DockStyle.Fill;
            this.splitContainer1.Location = new System.Drawing.Point(0, 0);
            this.splitContainer1.Name = "splitContainer1";
            // 
            // splitContainer1.Panel1
            // 
            this.splitContainer1.Panel1.Controls.Add(this.datepanel);
            this.splitContainer1.Panel1MinSize = 105;
            // 
            // splitContainer1.Panel2
            // 
            this.splitContainer1.Panel2.Controls.Add(this.timepanel);
            this.splitContainer1.Size = new System.Drawing.Size(236, 20);
            this.splitContainer1.SplitterDistance = 178;
            this.splitContainer1.SplitterWidth = 1;
            this.splitContainer1.TabIndex = 0;
            // 
            // datepanel
            // 
            this.datepanel.Anchor = ((System.Windows.Forms.AnchorStyles)((((System.Windows.Forms.AnchorStyles.Top | System.Windows.Forms.AnchorStyles.Bottom) 
            | System.Windows.Forms.AnchorStyles.Left) 
            | System.Windows.Forms.AnchorStyles.Right)));
            this.datepanel.Controls.Add(this.datetxt);
            this.datepanel.Controls.Add(this.dateTimePicker1);
            this.datepanel.Location = new System.Drawing.Point(0, 0);
            this.datepanel.Margin = new System.Windows.Forms.Padding(0);
            this.datepanel.Name = "datepanel";
            this.datepanel.Size = new System.Drawing.Size(175, 20);
            this.datepanel.TabIndex = 0;
            // 
            // datetxt
            // 
            this.datetxt.BackColor = System.Drawing.Color.Gainsboro;
            this.datetxt.BorderStyle = System.Windows.Forms.BorderStyle.FixedSingle;
            this.datetxt.Location = new System.Drawing.Point(0, 0);
            this.datetxt.MinimumSize = new System.Drawing.Size(60, 20);
            this.datetxt.Name = "datetxt";
            this.datetxt.Size = new System.Drawing.Size(71, 20);
            this.datetxt.TabIndex = 3;
            this.datetxt.Text = "date";
            // 
            // dateTimePicker1
            // 
            this.dateTimePicker1.Dock = System.Windows.Forms.DockStyle.Fill;
            this.dateTimePicker1.Format = System.Windows.Forms.DateTimePickerFormat.Short;
            this.dateTimePicker1.Location = new System.Drawing.Point(0, 0);
            this.dateTimePicker1.Margin = new System.Windows.Forms.Padding(0);
            this.dateTimePicker1.MinimumSize = new System.Drawing.Size(65, 20);
            this.dateTimePicker1.Name = "dateTimePicker1";
            this.dateTimePicker1.Size = new System.Drawing.Size(175, 20);
            this.dateTimePicker1.TabIndex = 2;
            this.dateTimePicker1.Value = new System.DateTime(2012, 11, 15, 0, 0, 0, 0);
            // 
            // timepanel
            // 
            this.timepanel.Controls.Add(this.timetxt);
            this.timepanel.Dock = System.Windows.Forms.DockStyle.Fill;
            this.timepanel.Location = new System.Drawing.Point(0, 0);
            this.timepanel.Margin = new System.Windows.Forms.Padding(0);
            this.timepanel.Name = "timepanel";
            this.timepanel.Size = new System.Drawing.Size(57, 20);
            this.timepanel.TabIndex = 0;
            // 
            // timetxt
            // 
            this.timetxt.Dock = System.Windows.Forms.DockStyle.Fill;
            this.timetxt.Location = new System.Drawing.Point(0, 0);
            this.timetxt.Name = "timetxt";
            this.timetxt.Size = new System.Drawing.Size(57, 20);
            this.timetxt.TabIndex = 1;
            this.timetxt.Text = "time";
            this.timetxt.TextAlign = System.Windows.Forms.HorizontalAlignment.Center;
            // 
            // CDatePicker
            // 
            this.AutoScaleDimensions = new System.Drawing.SizeF(6F, 13F);
            this.AutoScaleMode = System.Windows.Forms.AutoScaleMode.Font;
            this.AutoSize = true;
            this.Controls.Add(this.splitContainer1);
            this.MaximumSize = new System.Drawing.Size(236, 20);
            this.MinimumSize = new System.Drawing.Size(100, 20);
            this.Name = "CDatePicker";
            this.Size = new System.Drawing.Size(236, 20);
            this.splitContainer1.Panel1.ResumeLayout(false);
            this.splitContainer1.Panel2.ResumeLayout(false);
            ((System.ComponentModel.ISupportInitialize)(this.splitContainer1)).EndInit();
            this.splitContainer1.ResumeLayout(false);
            this.datepanel.ResumeLayout(false);
            this.datepanel.PerformLayout();
            this.timepanel.ResumeLayout(false);
            this.timepanel.PerformLayout();
            this.ResumeLayout(false);

        }

        #endregion

        private System.Windows.Forms.SplitContainer splitContainer1;
        private System.Windows.Forms.Panel datepanel;
        private System.Windows.Forms.TextBox datetxt;
        private System.Windows.Forms.DateTimePicker dateTimePicker1;
        private System.Windows.Forms.Panel timepanel;
        private System.Windows.Forms.TextBox timetxt;
    }
}

编辑:添加最小尺寸后,它看起来更好,但日历下拉消失
当控件的大小为min并且项目被重建时..
此外,文本框不会保持靠近压光机按钮。

编辑:pic为above..calender消失。

编辑 :哦,我错过了一个更多的事情日期字段和时间字段collapsible.thats为什么拆分容器在那里。 最小尺寸计算也必须注意到这一点(根据时间域的可见性,我猜想有2种不同的最小尺寸)。

问题:

a)如何防止usercontrol调整超出某个最小限制以避免上述问题? (图1似乎是想法大小)

b)我可以绘制日期时间选择器,使文本空白,我们只能看到
压光机下拉按钮? 如果是这样,我仍然需要处理调整大小事件?

c)我如何不断调整文本框的大小,使其始终覆盖DTP的日期文本部分。


你有一个简单的问题和一个难题。 简单的问题在截图中很明显。 DateTimePicker没有正确调整大小,请注意右侧的下拉按钮是如何被裁剪的。 UserControl太奇怪了,不能真正查明问题,但我认为它是datePanel。 您正在使用Anchor.Right而不是Dock.Fill。

难题在于下拉按钮根据可用于呈现DTP内容的空间量动态调整自身大小。 至少在Windows 7上,早期版本使用不同的渲染策略。 可悲的是,VisualStyles api不会返回按钮的实际大小。 处理它的唯一体面的方法是确保文本框足够大以覆盖图标,以便只显示下拉箭头。

我不能用UserControl做很多事情,我会提出一个更简单的解决方案,它只是从DateTimePicker类派生出来的,并在其中嵌入了一个TextBox。 运行时也便宜很多:

using System;
using System.Drawing;
using System.Windows.Forms;
using System.Windows.Forms.VisualStyles;
using System.Runtime.InteropServices;

class MyDateTimePicker : DateTimePicker {
    private TextBox editbox;
    private int buttonWidth;

    public MyDateTimePicker() {
        editbox = new TextBox();
        editbox.BorderStyle = BorderStyle.None;
        editbox.BackColor = Color.Gold;   // debugging
        this.Controls.Add(editbox);
    }

    public override Font Font {
        get { return base.Font; }
        set { base.Font = editbox.Font = value; }
    }

    protected override void OnResize(EventArgs e) {
        if (buttonWidth == 0) measureButtonWidth();
        var margin = (this.ClientSize.Height - editbox.PreferredHeight) / 2;
        editbox.Location = new Point(margin, margin);
        editbox.Width = this.ClientSize.Width - margin - buttonWidth;
        base.OnResize(e);
    }

    private void measureButtonWidth() {
        if (!Application.RenderWithVisualStyles) buttonWidth = 21;   // TODO: measure
        else {
            var renderer = new VisualStyleRenderer("DATEPICKER", 3, 1);
            using (var gr = CreateGraphics()) {
                buttonWidth = renderer.GetPartSize(gr, ThemeSizeType.True).Height;
            }
        }
    }

    protected override void Dispose(bool disposing) {
        if (disposing) editbox.Dispose();
        base.Dispose(disposing);
    }
}

OnResize覆盖保留了TextBox的正确大小。 添加任何代码来处理editbox.Text属性。 唯一没有注意的细节是禁用视觉样式时下拉按钮的大小。 罕见的这些日子,但仍然有可能。 关闭机器上的主题并调整硬编码的大小,使其与外观相匹配。


我不认为你将通过用文本框覆盖DateTimePicker来获得好的结果。 总会有调整大小和焦点问题。

我会使用这些选项之一:

  • 使用DevExpress PopupContainerEdit等第三方控件。 然后,您可以弹出标准的Windows Forms MonthCalendar并根据需要自定义显示的文本。 我确定Telerik等提供类似的控制。
  • 使用或自定义类似代码项目的类似下拉容器控件。 至少有两个你可以用作灵感:

  • DropDownContainer
  • 创建自定义下拉菜单
  • 你甚至可以在代码项目中调整我的颜色选择器的下拉部分

  • 最后一个选项会给你更多的灵活性,从Windows窗体转移到WPF。 像这样创建自定义控件是非常容易的(无论如何,在陡峭的学习曲线之后)。

    链接地址: http://www.djcxy.com/p/10629.html

    上一篇: Hiding DateTimePicker's text and Usercontrol resize

    下一篇: Curved sail shape using HTML and CSS only?