Улучшить внешний вид отключенных изображений меню и панелей инструментов?

См. Приложенный снимок экрана, который иллюстрирует TToolBar из одной из моих программ:

введите описание изображения здесь

Обратите внимание на последние два изображения панели инструментов, они отключены. То, как они выглядят отключенными, не очень привлекательно, на самом деле в Delphi IDE некоторые изображения выглядят так же.

Проблема в том, что я хочу, чтобы мое приложение выглядело намного чище. Отрисовка отключенных элементов выглядит не очень хорошо. TToolBar позволяет установить отключенный TImageList, я попытался сделать свои изображения черно-белыми, но они выглядели неправильно, и я бы предпочел не всегда делать изображения черно-белыми (время и усилия). Эта проблема также проявляется в моих меню и всплывающих меню, которые в любом случае не позволяют отключать изображения.

Есть ли способ раскрасить отключенные предметы, чтобы они лучше смотрелись на глазах?

Если возможно, я бы предпочел не использовать сторонние элементы управления. Я знаю, что компоненты Jedi допускают отключенные изображения для меню и т. Д., Но предпочел бы способ не прибегать к слишком частным компонентам, когда это возможно, я бы предпочел использовать стандартную проблему VCL, тем более что иногда я использую TActionMainMenuBar для рисования стиля Office меню, которые соответствуют TToolBar, когда для DrawingStyle задано значение gradient.

ИЗМЕНИТЬ

Я принял ответ RRUZ, возможно ли принять и ответ Дэвида, оба являются очень хорошими ответами и хотели бы, чтобы ответ был разделен между ними, если это возможно.

Спасибо.


person Community    schedule 14.05.2011    source источник
comment
Думаю, это хорошо и так. Любое «улучшение» запутает пользователя. Например, при сравнении стандартного и нового внешнего вида среды разработки Delphi с помощью 'IDE fix ', предложенный ниже, я считаю, что внешний вид по умолчанию намного лучше. На первом снимке экрана я сразу вижу кнопки панели инструментов и элементы меню, отключенные idefinity, но на втором снимке экрана мне нужно подумать почти секунду, прежде чем я смогу определить, включена или отключена кнопка / элемент. Плохо...   -  person Andreas Rejbrand    schedule 14.05.2011


Ответы (5)


Когда-то назад я написал патч, чтобы исправить это поведение. ключом является исправление кода функции TCustomImageList.DoDraw, используемый метод аналогично тому, что используется приложением delphi-nice-toolbar, но вместо исправления bpl IDE в этом случае мы исправляем функцию в памяти.

Просто включите это устройство в свой проект

unit uCustomImageDrawHook;

interface

uses
  Windows,
  SysUtils,
  Graphics,
  ImgList,
  CommCtrl,
  Math;

implementation

type
  TJumpOfs = Integer;
  PPointer = ^Pointer;

  PXRedirCode = ^TXRedirCode;
  TXRedirCode = packed record
    Jump: Byte;
    Offset: TJumpOfs;
  end;

  PAbsoluteIndirectJmp = ^TAbsoluteIndirectJmp;
  TAbsoluteIndirectJmp = packed record
    OpCode: Word;
    Addr: PPointer;
  end;


  TCustomImageListHack = class(TCustomImageList);

var
  DoDrawBackup   : TXRedirCode;

function GetActualAddr(Proc: Pointer): Pointer;
begin
  if Proc <> nil then
  begin
    if (Win32Platform = VER_PLATFORM_WIN32_NT) and (PAbsoluteIndirectJmp(Proc).OpCode = $25FF) then
      Result := PAbsoluteIndirectJmp(Proc).Addr^
    else
      Result := Proc;
  end
  else
    Result := nil;
end;

procedure HookProc(Proc, Dest: Pointer; var BackupCode: TXRedirCode);
var
  n: DWORD;
  Code: TXRedirCode;
begin
  Proc := GetActualAddr(Proc);
  Assert(Proc <> nil);
  if ReadProcessMemory(GetCurrentProcess, Proc, @BackupCode, SizeOf(BackupCode), n) then
  begin
    Code.Jump := $E9;
    Code.Offset := PAnsiChar(Dest) - PAnsiChar(Proc) - SizeOf(Code);
    WriteProcessMemory(GetCurrentProcess, Proc, @Code, SizeOf(Code), n);
  end;
end;

procedure UnhookProc(Proc: Pointer; var BackupCode: TXRedirCode);
var
  n: Cardinal;
begin
  if (BackupCode.Jump <> 0) and (Proc <> nil) then
  begin
    Proc := GetActualAddr(Proc);
    Assert(Proc <> nil);
    WriteProcessMemory(GetCurrentProcess, Proc, @BackupCode, SizeOf(BackupCode), n);
    BackupCode.Jump := 0;
  end;
end;


procedure Bitmap2GrayScale(const BitMap: TBitmap);
type
  TRGBArray = array[0..32767] of TRGBTriple;
  PRGBArray = ^TRGBArray;
var
  x, y, Gray: Integer;
  Row       : PRGBArray;
begin
  BitMap.PixelFormat := pf24Bit;
  for y := 0 to BitMap.Height - 1 do
  begin
    Row := BitMap.ScanLine[y];
    for x := 0 to BitMap.Width - 1 do
    begin
      Gray             := (Row[x].rgbtRed + Row[x].rgbtGreen + Row[x].rgbtBlue) div 3;
      Row[x].rgbtRed   := Gray;
      Row[x].rgbtGreen := Gray;
      Row[x].rgbtBlue  := Gray;
    end;
  end;
end;


//from ImgList.GetRGBColor
function GetRGBColor(Value: TColor): DWORD;
begin
  Result := ColorToRGB(Value);
  case Result of
    clNone:
      Result := CLR_NONE;
    clDefault:
      Result := CLR_DEFAULT;
  end;
end;


procedure New_Draw(Self: TObject; Index: Integer; Canvas: TCanvas; X, Y: Integer; Style: Cardinal; Enabled: Boolean);
var
  MaskBitMap : TBitmap;
  GrayBitMap : TBitmap;
begin
  with TCustomImageListHack(Self) do
  begin
    if not HandleAllocated then Exit;
    if Enabled then
      ImageList_DrawEx(Handle, Index, Canvas.Handle, X, Y, 0, 0, GetRGBColor(BkColor), GetRGBColor(BlendColor), Style)
    else
    begin
      GrayBitMap := TBitmap.Create;
      MaskBitMap := TBitmap.Create;
      try
        GrayBitMap.SetSize(Width, Height);
        MaskBitMap.SetSize(Width, Height);
        GetImages(Index, GrayBitMap, MaskBitMap);
        Bitmap2GrayScale(GrayBitMap);
        BitBlt(Canvas.Handle, X, Y, Width, Height, MaskBitMap.Canvas.Handle, 0, 0, SRCERASE);
        BitBlt(Canvas.Handle, X, Y, Width, Height, GrayBitMap.Canvas.Handle, 0, 0, SRCINVERT);
      finally
        GrayBitMap.Free;
        MaskBitMap.Free;
      end;
    end;
  end;
end;

procedure HookDraw;
begin
  HookProc(@TCustomImageListHack.DoDraw, @New_Draw, DoDrawBackup);
end;

procedure UnHookDraw;
begin
  UnhookProc(@TCustomImageListHack.DoDraw, DoDrawBackup);
end;


initialization
 HookDraw;
finalization
 UnHookDraw;
end.

и результат будет

введите описание изображения здесь

person RRUZ    schedule 14.05.2011
comment
@RRUZ, это очень хорошо. Это позволяет изображениям становиться в оттенках серого без необходимости возиться с редактированием изображений (для чего я использую Paint.Net). И вы, и Дэвид предложили хорошие решения. - person ; 14.05.2011
comment
Разве не было бы замечательно, если бы Embarcadero мог просто разобраться с этим в своей кодовой базе ?! - person David Heffernan; 14.05.2011
comment
Я до сих пор считаю, что отключенные элементы сложно отличить от включенных ... - person Andreas Rejbrand; 14.05.2011
comment
@Andreas, это намного лучше с ILS_SATURATE, который используется на системной панели инструментов. - person David Heffernan; 14.05.2011
comment
@ Дэвид, я на самом деле немного опасался публикации этого вопроса. Я полагал, что это не серьезная проблема, я обычно концентрируюсь на фактическом коде / работе моих программ, но то, как все выглядит сегодня, не менее важно для наших приложений, поэтому я разместил этот вопрос. Я не понимаю, почему Embarcadero или Borland в этом отношении никогда не делали это стандартным исправлением. Также хорошо, что вы отправили в QC, хотя, кажется, это не было замечено. - person ; 14.05.2011
comment
@Craig Внешний вид важен. Вы заметили ошибку в реализации меню, при которой выделенные глифы (например, горячая дорожка) отображаются иначе, чем когда выделение находится в другом месте. qc.embarcadero.com/wc/qcmain.aspx?d=86876 - person David Heffernan; 14.05.2011
comment
@David, забавно, что вы упомянули об этом. Я только что задал новый вопрос по этому поводу: stackoverflow.com/questions/6004439/ Я действительно не хочу, чтобы внешний вид мешал мне, но иногда я хочу, чтобы мое приложение выделялось и выглядело не таким общим (например, меню стиля XP, панель инструментов градиентного стиля и т. д.). Конечно, для решения большинства проблем существуют сторонние компоненты, но я предпочитаю использовать стандартный Delphi VCL, вы тратите много денег на IDE, и вам не нужно прибегать к сторонним компонентам, когда это возможно. - person ; 15.05.2011
comment
Очень хорошо! ИМХО лучше, чем насыщенное изображение, - это использовать альфа вместо Options.fState: = ILS_ALPHA; Options.Frame: = 100; - person J.Pelttari; 16.05.2011
comment
Я бы предпочел использовать класс-переходник, а не исправлять функцию в памяти. Это работает, потому что TImageList.DoDraw объявлен как виртуальный. И, как сказал @David в своем ответе, вероятно, лучше использовать ILS_SATURATE, чем самостоятельно создавать изображение в оттенках серого. - person Ian Goldby; 30.10.2013
comment
Пришлось доработать: DWORD; и n: Кардинал; быть: SIZE_T для того, чтобы компилировать под XE4. - person Michael Riley - AKA Gunny; 25.01.2015
comment
@ MichaelRiley-AKAGunny Действительно, то же самое здесь, в 10.1 Berlin. Хотя это не устранило мою непосредственную проблему (на самом деле стало еще хуже, потому что я пытаюсь использовать прозрачные изображения в черном стиле, а теперь эти значки полностью перевернуты). - person Jerry Dodge; 14.08.2019

Я отправил отчет о контроле качества по связанной проблеме более года назад, но это было для меню. Я никогда не видел этого для TToolbar, поскольку это оболочка для общего элемента управления, а рисунок обрабатывается Windows.

Однако изображения, которые вы видите, явно являются результатом того, что VCL вызывает TImageList.Draw и передает Enabled=False - все остальное выглядит так плохо! Вы на 100% уверены, что это действительно TToolbar?

Исправление наверняка будет заключаться в том, чтобы избежать TImageList.Draw и вызвать ImageList_DrawIndirect с ILS_SATURATE.

Возможно, вам потребуется изменить какой-либо исходный код VCL. Сначала найдите место, где настраивается отрисовка панели инструментов, и вызовите эту процедуру вместо вызовов TImageList.Draw.

procedure DrawDisabledImage(DC: HDC; ImageList: TCustomImageList; Index, X, Y: Integer);
var
  Options: TImageListDrawParams;
begin
  ZeroMemory(@Options, SizeOf(Options));
  Options.cbSize := SizeOf(Options);
  Options.himl := ImageList.Handle;
  Options.i := Index;
  Options.hdcDst := DC;
  Options.x := X;
  Options.y := Y;
  Options.fState := ILS_SATURATE;
  ImageList_DrawIndirect(@Options);
end;

Еще лучшим решением было бы выяснить, почему панель инструментов нарисована индивидуально, и найти способ позволить системе сделать это.


ИЗМЕНИТЬ 1

Я просмотрел исходный код Delphi и предположил, что вы рисуете панель инструментов самостоятельно, возможно, потому, что у нее есть градиент. Я даже не знал, что TToolbar может обрабатывать нестандартные рисунки, но я просто ванильный парень!

В любом случае, я вижу код в TToolBar.GradientDrawButton, вызывающем TImageList.Draw, поэтому я думаю, что приведенное выше объяснение находится на правильном пути.

Я почти уверен, что вызов моей функции DrawDisabledImage выше даст вам лучшие результаты. Если бы можно было найти способ сделать это, когда вы вызываете TImageList.Draw, то это, я полагаю, было бы лучшим исправлением, поскольку оно применялось бы оптом.

ИЗМЕНИТЬ 2

Объедините указанную выше функцию с ответом @RRUZ, и у вас есть отличное решение.

person David Heffernan    schedule 14.05.2011
comment
Интересный. Вы знаете, почему VCL не во всех случаях полагается на Windows API? - person Andreas Rejbrand; 14.05.2011
comment
Мне бы очень-очень понравился ваш ответ, если бы вы добавили скриншоты, показывающие собственный стиль Windows и стиль VCL рядом друг с другом, чтобы их можно было сравнить и увидеть разницу. - person Andreas Rejbrand; 14.05.2011
comment
да, у меня был установлен стиль градиента, у меня он только такой, потому что он закрашивает цвета офисного стиля поверх кнопок, когда вы наводите на них курсор. Мне еще предстоит внимательно изучить ваш ответ, но когда у меня будет немного времени, я проверю его, спасибо. - person ; 14.05.2011

Решение от @RRUZ не работает, если вы используете LargeImages в ActionToolBar. Я внес изменения в код @RRUZ для работы с LargeImages в ActionToolBar.

unit unCustomImageDrawHook;

interface

uses
  Windows,
  SysUtils,
  Graphics,
  ImgList,
  CommCtrl,
  Math,
  Vcl.ActnMan,
  System.Classes;

implementation

type
  TJumpOfs = Integer;
  PPointer = ^Pointer;

  PXRedirCode = ^TXRedirCode;
  TXRedirCode = packed record
    Jump: Byte;
    Offset: TJumpOfs;
  end;

  PAbsoluteIndirectJmp = ^TAbsoluteIndirectJmp;
  TAbsoluteIndirectJmp = packed record
    OpCode: Word;
    Addr: PPointer;
  end;


  TCustomImageListHack = class(TCustomImageList);
  TCustomActionControlHook = class(TCustomActionControl);

var
  DoDrawBackup   : TXRedirCode;
  DoDrawBackup2   : TXRedirCode;  

function GetActualAddr(Proc: Pointer): Pointer;
begin
  if Proc <> nil then
  begin
    if (Win32Platform = VER_PLATFORM_WIN32_NT) and (PAbsoluteIndirectJmp(Proc).OpCode = $25FF) then
      Result := PAbsoluteIndirectJmp(Proc).Addr^
    else
      Result := Proc;
  end
  else
    Result := nil;
end;

procedure HookProc(Proc, Dest: Pointer; var BackupCode: TXRedirCode);
var
  n: SIZE_T;
  Code: TXRedirCode;
begin
  Proc := GetActualAddr(Proc);
  Assert(Proc <> nil);
  if ReadProcessMemory(GetCurrentProcess, Proc, @BackupCode, SizeOf(BackupCode), n) then
  begin
    Code.Jump := $E9;
    Code.Offset := PAnsiChar(Dest) - PAnsiChar(Proc) - SizeOf(Code);
    WriteProcessMemory(GetCurrentProcess, Proc, @Code, SizeOf(Code), n);
  end;
end;

procedure UnhookProc(Proc: Pointer; var BackupCode: TXRedirCode);
var
  n: SIZE_T;
begin
  if (BackupCode.Jump <> 0) and (Proc <> nil) then
  begin
    Proc := GetActualAddr(Proc);
    Assert(Proc <> nil);
    WriteProcessMemory(GetCurrentProcess, Proc, @BackupCode, SizeOf(BackupCode), n);
    BackupCode.Jump := 0;
  end;
end;

procedure Bitmap2GrayScale(const BitMap: TBitmap);
type
  TRGBArray = array[0..32767] of TRGBTriple;
  PRGBArray = ^TRGBArray;
var
  x, y, Gray: Integer;
  Row       : PRGBArray;
begin
  BitMap.PixelFormat := pf24Bit;
  for y := 0 to BitMap.Height - 1 do
  begin
    Row := BitMap.ScanLine[y];
    for x := 0 to BitMap.Width - 1 do
    begin
      Gray             := (Row[x].rgbtRed + Row[x].rgbtGreen + Row[x].rgbtBlue) div 3;
      Row[x].rgbtRed   := Gray;
      Row[x].rgbtGreen := Gray;
      Row[x].rgbtBlue  := Gray;
    end;
  end;
end;


//from ImgList.GetRGBColor
function GetRGBColor(Value: TColor): DWORD;
begin
  Result := ColorToRGB(Value);
  case Result of
    clNone:
      Result := CLR_NONE;
    clDefault:
      Result := CLR_DEFAULT;
  end;
end;


procedure New_Draw(Self: TObject; Index: Integer; Canvas: TCanvas; X, Y: Integer; Style: Cardinal; Enabled: Boolean);
var
  MaskBitMap : TBitmap;
  GrayBitMap : TBitmap;
begin
  with TCustomImageListHack(Self) do
  begin
    if not HandleAllocated then Exit;
    if Enabled then
      ImageList_DrawEx(Handle, Index, Canvas.Handle, X, Y, 0, 0, GetRGBColor(BkColor), GetRGBColor(BlendColor), Style)
    else
    begin
      GrayBitMap := TBitmap.Create;
      MaskBitMap := TBitmap.Create;
      try
        GrayBitMap.SetSize(Width, Height);
        MaskBitMap.SetSize(Width, Height);
        GetImages(Index, GrayBitMap, MaskBitMap);
        Bitmap2GrayScale(GrayBitMap);
        BitBlt(Canvas.Handle, X, Y, Width, Height, MaskBitMap.Canvas.Handle, 0, 0, SRCERASE);
        BitBlt(Canvas.Handle, X, Y, Width, Height, GrayBitMap.Canvas.Handle, 0, 0, SRCINVERT);
      finally
        GrayBitMap.Free;
        MaskBitMap.Free;
      end;
    end;
  end;
end;


procedure New_Draw2(Self: TObject; const Location: TPoint);
var
  ImageList: TCustomImageList;
  DrawEnabled: Boolean;
  LDisabled: Boolean;
begin
  with TCustomActionControlHook(Self) do
  begin
    if not HasGlyph then Exit;
    ImageList := FindImageList(True, LDisabled, ActionClient.ImageIndex);
    if not Assigned(ImageList) then Exit;
    DrawEnabled := LDisabled or Enabled and (ActionClient.ImageIndex <> -1) or
      (csDesigning in ComponentState);
    ImageList.Draw(Canvas, Location.X, Location.Y, ActionClient.ImageIndex,
      dsTransparent, itImage, DrawEnabled);
  end;
end;


procedure HookDraw;
begin
  HookProc(@TCustomImageListHack.DoDraw, @New_Draw, DoDrawBackup);
  HookProc(@TCustomActionControlHook.DrawLargeGlyph, @New_Draw2, DoDrawBackup2);
end;

procedure UnHookDraw;
begin
  UnhookProc(@TCustomImageListHack.DoDraw, DoDrawBackup);
  UnhookProc(@TCustomActionControlHook.DrawLargeGlyph, DoDrawBackup2);
end;


initialization
  HookDraw;
finalization
  UnHookDraw;
end.
person Dmitry Shost    schedule 02.07.2012

Взгляните на это исправление IDE Delphi. Может быть, вы сможете имитировать его реализацию.

person Linas    schedule 14.05.2011
comment
хороший инструмент, теперь моя IDE выглядит красиво - person VibeeshanRC; 14.05.2011
comment
Это отличный пример того, как не следует не пытаться изменить внешний вид графического интерфейса Windows по умолчанию. - person Andreas Rejbrand; 14.05.2011
comment
Это не внешний вид графического интерфейса Windows по умолчанию. Я никогда не видел таких уродливых значков где-нибудь в Windows, кроме приложений Delphi. - person Linas; 14.05.2011
comment
Вы, наверное, правы. Я не знал, что VCL делает свой собственный рисунок. Тем не менее, мои опасения по поводу нового внешнего вида из-за «исправления» выше остаются. - person Andreas Rejbrand; 14.05.2011
comment
@Andreas Это исправление не мое, и я согласен, что отключенные значки Delphi более заметны, но я также считаю, что они уродливые. - person Linas; 14.05.2011

Используйте TActionToolbar, TActionmanager, Timagelist

Установите список изображений диспетчера действий в Timagelist. и установите Disabledimages на другой список изображений

person VibeeshanRC    schedule 14.05.2011