Question

我受到这个问题的启发：How to make a combo box with full-text search autocomplete support？

answer工作正常，但我想在用户输入列表时调整建议列表高度/ DropDownCount已经下降了。

这是一个经过微小修改的MCVE - 当用户开始输入时，下拉列表将下拉，我还修复了当列表下拉时未设置为箭头的鼠标光标效果：

unit Unit1;

interface

uses
  Windows, Messages, SysUtils, Variants, Classes, Graphics, Controls, Forms,
  Dialogs, StdCtrls, StrUtils, ExtCtrls;

type
  TComboBox = class(StdCtrls.TComboBox)
  private
    FStoredItems: TStringList;
    FOldCursor: TCursor; // NEW !!!
    procedure FilterItems;
    procedure StoredItemsChange(Sender: TObject);
    procedure SetStoredItems(const Value: TStringList);
    procedure CNCommand(var AMessage: TWMCommand); message CN_COMMAND; 
    procedure AdjustDropDownHeight; // NEW !!!
  protected
    // NEW !!!
    procedure KeyPress(var Key: Char); override;
    procedure DropDown; override;
    procedure CloseUp; override;
  public
    constructor Create(AOwner: TComponent); override;
    destructor Destroy; override;
    property StoredItems: TStringList read FStoredItems write SetStoredItems;
  end;

type
  TForm1 = class(TForm)
    procedure FormCreate(Sender: TObject);
  private
    { Private declarations }
  public
    { Public declarations }
  end;

var
  Form1: TForm1;

implementation

{$R *.dfm}

constructor TComboBox.Create(AOwner: TComponent);
begin
  inherited;
  AutoComplete := False;
  FStoredItems := TStringList.Create;
  FStoredItems.OnChange := StoredItemsChange;
end;

destructor TComboBox.Destroy;
begin
  FStoredItems.Free;
  inherited;
end;

procedure TComboBox.CNCommand(var AMessage: TWMCommand);
begin
  // we have to process everything from our ancestor
  inherited;
  // if we received the CBN_EDITUPDATE notification
  if AMessage.NotifyCode = CBN_EDITUPDATE then
    // fill the items with the matches
    FilterItems;
end;

procedure TComboBox.FilterItems;
var
  I: Integer;
  Selection: TSelection;
begin
  // store the current combo edit selection
  SendMessage(Handle, CB_GETEDITSEL, WPARAM(@Selection.StartPos),
    LPARAM(@Selection.EndPos));
  // begin with the items update
  Items.BeginUpdate;
  try
    // if the combo edit is not empty, then clear the items
    // and search through the FStoredItems
    if Text <> '' then
    begin
      // clear all items
      Items.Clear;
      // iterate through all of them
      for I := 0 to FStoredItems.Count - 1 do
        // check if the current one contains the text in edit
        if ContainsText(FStoredItems[I], Text) then
          // and if so, then add it to the items
          Items.Add(FStoredItems[I]);
    end
    // else the combo edit is empty
    else
      // so then we'll use all what we have in the FStoredItems
      Items.Assign(FStoredItems)
  finally
    // finish the items update
    Items.EndUpdate;
  end;
  // and restore the last combo edit selection
  SendMessage(Handle, CB_SETEDITSEL, 0, MakeLParam(Selection.StartPos,
    Selection.EndPos));

  // NEW !!! - if the list is dropped down adjust the list height
  if DroppedDown then
    AdjustDropDownHeight;
end;

procedure TComboBox.StoredItemsChange(Sender: TObject);
begin
  if Assigned(FStoredItems) then
    FilterItems;
end;

procedure TComboBox.SetStoredItems(const Value: TStringList);
begin
  if Assigned(FStoredItems) then
    FStoredItems.Assign(Value)
  else
    FStoredItems := Value;
end;

//  NEW !!!
procedure TComboBox.KeyPress(var Key: Char);
begin
  inherited;
  if not (Ord(Key) in [VK_RETURN, VK_ESCAPE]) then
  begin
    if (Items.Count <> 0) and not DroppedDown then
      // SendMessage(Handle, CB_SHOWDROPDOWN, 1, 0); 
      DroppedDown := True;
  end;
end;

procedure TComboBox.DropDown;
begin
  FOldCursor := Screen.Cursor;
  Screen.Cursor := crArrow;
  inherited;
end;

procedure TComboBox.CloseUp;
begin
  Screen.Cursor := FOldCursor;
  inherited;
end;

procedure TComboBox.AdjustDropDownHeight;
var
  Count: Integer;
begin
  Count := Items.Count;
  SetWindowPos(FDropHandle, 0, 0, 0, Width, ItemHeight * Count +
    Height + 2, SWP_NOMOVE or SWP_NOZORDER or SWP_NOACTIVATE or SWP_NOREDRAW or
    SWP_HIDEWINDOW);
  SetWindowPos(FDropHandle, 0, 0, 0, 0, 0, SWP_NOMOVE or SWP_NOSIZE or
    SWP_NOZORDER or SWP_NOACTIVATE or SWP_NOREDRAW or SWP_SHOWWINDOW);
end;

procedure TForm1.FormCreate(Sender: TObject);
var
  ComboBox: TComboBox;
begin
  // here's one combo created dynamically
  ComboBox := TComboBox.Create(Self);
  ComboBox.Parent := Self;
  ComboBox.Left := 10;
  ComboBox.Top := 10;

  // here's how to fill the StoredItems
  ComboBox.StoredItems.BeginUpdate;
  try
    ComboBox.StoredItems.Add('Mr John Brown');
    ComboBox.StoredItems.Add('Mrs Amanda Brown');
    ComboBox.StoredItems.Add('Mr Brian Jones');
    ComboBox.StoredItems.Add('Mrs Samantha Smith');
  finally
    ComboBox.StoredItems.EndUpdate;
  end;      
end;    

end.

我在AdjustDropDownHeight方法中添加了TCustomCombo.AdjustDropDown（受FilterItems启发），但似乎没有按预期工作。窗口隐藏，并且在TComboBox下降时，它的高度不会根据FDropHandle中的实际项目进行调整。

似乎SetWindowPos(FDropHandle, ...没有响应（或处理）AdjustDropDownHeight方法中的DropDownCount := Items.Count。

这可以修复吗？如何根据实际项目调整下拉高度？

编辑：设置SetDropDownCount（在答案中建议）是我尝试的第一件事（它设置了 max 项目数）。但是，在键入文本时，下拉窗口不会更改其高度（当它已经下拉时）。 FDropDownCount := Value setter只设置SetDropDownCount。这将设置下拉计数/高度下次下拉列表被删除。我需要它来改变，而它被删除。希望现在更清楚。

（也许较新的Delphi版本有不同的Mr setter？）

更好地展示我想要的东西：

用户类型Mrs

然后Mr（调整列表的高度）

然后用户按退格键到SetDropDownCount（再次调整列表高度）：

编辑2： @Dsm是正确的，并给了我正确的方向。较新的Delphi版本CB_SETMINVISIBLE setter发送额外的procedure TCustomCombo.SetDropDownCount(const Value: Integer); begin if Value <> FDropDownCount then begin FDropDownCount := Value; if HandleAllocated and CheckWin32Version(5, 1) and ThemeServices.ThemesEnabled then SendMessage(Handle, CB_SETMINVISIBLE, WPARAM(FDropDownCount), 0); end; end;消息，这可以按预期工作：

const
  CBM_FIRST               = $1700;
  CB_SETMINVISIBLE        = CBM_FIRST + 1;

对于旧版本定义：

//reveal submenu, dropdown when browser is < 613px

function revealSubmenu_web() {
    var sites = document.getElementById("sites");
    var container = document.getElementById("menu_container");

    if (window.innerWidth > 613) {
        sites.classList.toggle("show_sub");
    } else {
        sites.classList.toggle("show_sub");
        container.classList.toggle("container_height");
    }
}

//close submenu when clicked outside
window.onclick = function(e) {
    if (!e.target.matches('.submenu_web')) {
        var myDropdown = document.getElementById("sites");
        if (myDropdown.classList.contains('show_sub')) {
            myDropdown.classList.remove('show_sub');
        }
    }
}

Answer 1

实际上就像这个一样简单

procedure TComboBox.AdjustDropDownHeight;
begin
  DropDownCount := Items.Count;
end;

我使用你的MCVE进行了测试，效果很好。

TComboBox - 如何在下拉列表中调整下拉列表高度？

1 个答案: