PC SOFT

WINDEV的在线文档

  • Overview
  • Image associated with the caption of the tab pane
  • Image of the tab pane
  • Associating an image with the tab pane
  • Background color/Background image of tabs
  • Formats of images
文档页面当前正在翻译。对于此延迟我们深表歉意。
您可以自愿地帮助我们翻译您想要的文档段落,然后只需通过以下地址与我们联系:info@cn.windev.com
产品
WinDevWebDev-服务器代码WebDev-浏览器代码WinDev Mobile报表和查询
平台
WindowsLinuxWindows MobileWindows PhoneWindows Store appsAndroidAndroid Widget iPhone/iPad
语言
JavaPHPAjax用户代码(MCU)外部语言
数据库
HFSQLHFSQL Client/Server存储过程HF 5.5OLE DBODBC本地访问

Overview
To optimize the appearance of your screens, WinDev, WebDev and WinDev Mobile allows you to use images or colors in your Tab controls. Some examples:
  • Image associated with the caption of the tab pane. This image is displayed beside the caption of the tab. Example:
  • Image of the tab pane: This image is used to redefine the color and shape of the tab pane. Example:
  • Color of the tab border. Example:
Notes:
  • WinDev To use a "Transparent" tab, all you have to do is choose the "Transparent" color for the background of the outside border ("Style" tab of the control description, "Outside border" element).
  • You also have the ability to modify the style of the tabs by modifying the display mode of tabs.

Image associated with the caption of the tab pane
The image associated with the caption of the tab pane is displayed beside the caption of the tab.

To associate an image with the caption of the tab pane:
  1. Display the description of the tab.
  2. In the "General" tab, select "Details (pane)".
  3. Select the image that will be displayed beside the caption:
    • WinDev The image is selected via the [...] button found beside the "Image" control. You have the ability to specify the number of states for the image.
  4. Validate.
WinDev To associate an image with the caption of the tab pane:
  1. Display the description of the tab.
  2. In the "General" tab, select the requested tab in the list of panes on the left.
  3. The description of the selected pane appears in the right area.
  4. Select the image that will be displayed beside the caption:
    • The image is selected via the [...] button found beside the "Image" control. You have the ability to specify the number of states for the image.
    • Click (if necessary) the "Catalog" button to select an image in the image catalog.
  5. Validate.

Image of the tab pane
The image associated with the tab pane replaces the existing tab pane. This gives you the ability to redefine the shape and color of the tab pane.

The image associated with the tab pane must contain two drawings:

  • the drawing corresponding to the normal status of the pane
  • the drawing corresponding to the pressed status of the pane
The drawings must be organized in the following order:
  • WinDev Drawing of pressed status then drawing of normal status.

Caution: If the pane is displayed vertically, the image of the pane must be vertical.

Special case: image of 3-image panes

In this case, the image of the panes will be automatically divided into 3 images by WinDev/WebDev.
The dividing rule is as follows:
  • the image is divided into three sections
  • the section 1 corresponds to the left area
  • the section 3 corresponds to the right area
  • the section 2 corresponds to the middle area. The size of this section is equal to 16 pixels. If the tab pane is proportional to the caption, this section will be repeated as many times as necessary to contain the caption.
Note: If the part 2 of your image is less than 16 pixels, you should not use a tab pane proportional to the caption and you should include (if necessary) the additional images and the caption in the image.

WinDev

Associating an image with the tab pane

To associate an image with the tab pane:
  1. Display the description of the tab.
  2. In the "Details" tab, select the path of the image that will be used for the tab panes ("Image of panes" option). Several images may be required according to the position of the tab pane and according to its display mode.
  3. If necessary:
    • Check "Image of panes with three images".
    • WinDev Specify the number of steps in the animation.
      Linux These options are not available in Linux.
  4. Validate.
To associate an image with the tab pane:
  1. Display the description of the tab.
  2. In the "Style" tab, select the "Images of panes" element. Expand the "Images of panes" button and select the paths corresponding to the paths of the images that will be used for the tab panes. Several images may be required according to the position of the tab pane and according to its display mode.
  3. If necessary:
    • Check "Image of panes with three images".
    • WinDev Specify the number of steps in the animation.
      Linux These options are not available in Linux.
  4. Validate.

Background color/Background image of tabs
WinDev To modify the background color of the tabs (also called external border), all you have to do is modify the style of the tabs ("Style" tab of the description window). The element whose style must be modified is "External Border".
  • The "Background color" option is used to define the background color of all the tab panes. You have the ability to choose a "Transparent" color.
  • The "Border" option is used to define the background image for all the tab panes.
Note: The style allows you to customize several parameters of the tabs.

Formats of images
WinDev Windows支持的图片格式为:
  • Bitmap (*.BMP)
  • 图形交换格式(*.gif)
  • 联合图像专家小组(*.jpg ; *.jpeg)
  • 柯达照片CD(*.pcd)
  • PaintBrush(*.pcx)
  • Adobe Photoshop格式(*.psd)
  • TrueVision TARGA(*.tga)
  • 标记图像文件格式(*.tif ; *.tiff)
    注意: 不支持tiff 6.0标准的"tiled tiff"选项。 在这种情况下,我们建议您以tiff 5.0标准储存图片。
  • Portable Network Graphics (*.png)
  • Windows元文件(*.emf ; *.wmf)
  • 图标(*.ico ; *.icw)
  • 光标(*.CUR) *.cur
  • Portable Document Format (*.pdf)
  • 15版本和更高版本
    Scalable Vector Graphics (*.svg)
    15新版本
    Scalable Vector Graphics (*.svg)
    Scalable Vector Graphics (*.svg)
注意: 若想管理pdf和svg格式,您必须为Windows 2000以及更低版本的计算机安装GDIPLUS.DLL。 对于更高的版本,该DLL由Windows默认提供。 想了解更多信息,请查阅GDI+框架