使用 IntraWeb (14) - 基本控件之 TIWHRule、TIWRectangle

最新推荐文章于 2021-03-13 20:52:44 发布

转载最新推荐文章于 2021-03-13 20:52:44 发布 · 94 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/hermer/blog/320047

本文详细介绍了Delphi中用于网页布局的两个关键控件：TIWHRule和TIWRectangle。通过具体示例展示了如何使用TIWHRule创建水平红线，并深入讲解了TIWRectangle的属性设置方法，包括边框、颜色、文本对齐等。

为什么80%的码农都做不了架构师？>>>

TIWHRule     //一条横线, 对应 Html 中的 <hr/>
TIWRectangle //矩形; 中间可以有行文本, 文本可任意对齐

TIWHRule 所在单元及继承链:
IWHTMLControls.TIWHRule < TIWCustomControl < TIWBaseHTMLControl < TIWBaseControl < TIWVCLBaseControl < TControl < TComponent < TPersistent < TObject

它没什么特别的成员, 下面是通过样式表把它改成红线:

procedure TIWForm1.IWAppFormCreate(Sender: TObject);
begin
  IWHRule1.Width := Width div 2;
  IWHRule1.Height := 3;
  IWHRule1.Left := (Width - IWHRule1.Width) div 2;
  IWHRule1.Top := 60;
  IWHRule1.Anchors := [akLeft, akTop, akRight];
end;

procedure TIWForm1.IWHRule1HTMLTag(ASender: TObject; ATag: TIWHTMLTag);
begin
  ATag.Params.Values['style'] := ATag.Params.Values['style'] + 'background-color: red; border:0;';
end;

TIWRectangle 所在单元及继承链:
IWCompRectangle.TIWRectangle < TIWCustomRectangle < TIWCustomControl < TIWBaseHTMLControl < TIWBaseControl < TIWVCLBaseControl < TControl < TComponent < TPersistent < TObject

主要成员:

property BorderOptions: TIWBorderOptions //边框选项; 主要是 Width 和 Color
property Color: TIWColor                 //矩形的颜色
property Alignment: TAlignment           //文本水平对齐方式
property VAlign: TIWVerticalAlignment    //文本垂直对齐方式
property Text: TCaption                  //文本

示例:

procedure TIWForm1.IWAppFormCreate(Sender: TObject);
begin
  IWRectangle1.BorderOptions.Width := 1;
  IWRectangle1.BorderOptions.Color := $0000FF;
  IWRectangle1.Color := $F0E0E0;

  IWRectangle1.Text := '万一的 Delphi 博客';
  IWRectangle1.Font.Color := $0000FF;
  IWRectangle1.Font.Size := 16;

  IWRectangle1.Alignment := taCenter;
  IWRectangle1.VAlign := vaMiddle;
end;

转载于:https://my.oschina.net/hermer/blog/320047