Question

我有一个用户控件，其中DateTimePicker叠加了单行文本框（Tb）
覆盖DateTimePicker的文本部分。文本框Tb（绿色）被锚定（L T R B）。

Datepicker overlaid with textbox

调整用户控件的大小时会出现问题重叠的datetimepicker显示在文本Tb后面。

The overlaid datetimepicker shows up behind the green textbox 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 ..日历消失了。

date calender disappears

编辑：哦，我错过了另一件事，日期字段和时间字段都是可折叠的。为什么拆分容器在那里。最小尺寸计算也必须注意这一点。（我猜两种不同的最小尺寸取决于时间场的可见性。）

问题：

a）如何防止用户控件调整超出一定的最小限制以避免上述问题？（pic1似乎是想法大小）

b）我可以绘制datetimepicker，使文本消隐，我们只看到了日历下拉按钮？如果是这样，我还需要处理调整大小事件吗？

c）如何继续调整文本框的大小，使其始终覆盖DTP的日期文本部分。

Answer 1

你有一个简单的问题和一个难题。从截图中可以看出这个简单的问题。 DateTimePicker没有正确调整大小，请注意下拉按钮在右侧是如何被剪裁的。 UserControl太奇怪了，无法确定问题，但我认为是datePanel。您正在使用Anchor.Right而不是Dock.Fill。

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

我对UserControl做不了多少，我将提出一个更简单的解决方案，它只是从DateTimePicker类派生出来并在其中嵌入一个TextBox。运行时 lot 也更便宜：

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属性的任何代码。唯一没有注意的细节是禁用视觉样式时下拉按钮的大小。这些天不常见但仍然可能。关闭机器上的主题并调整硬编码大小以使其与外观相匹配。

Answer 2

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

我会使用以下选项之一：

使用像DevExpress PopupContainerEdit这样的第三方控件。然后，您可以弹出标准Windows窗体MonthCalendar并根据需要自定义显示的文本。我确信Telerik等提供了类似的控件。
从代码项目等地方使用或自定义类似的下拉容器控件。至少有两个你可以用作灵感：
- DropDownContainer
- Creating a custom dropdown
您甚至可以调整代码项目中colour picker的下拉部分

最终选项可以提供更大的灵活性，从Windows窗体转移到WPF。像这样创建自定义控件非常容易（无论如何，在陡峭的学习曲线之后）。

隐藏DateTimePicker的文本和Usercontrol调整大小

2 个答案: