帮助中心 Help Center

这里提供MLSkin组件的安装、升级和使用指南,帮助您快速解决问题 Here you can find installation, upgrade and usage guides for MLSkin components to help you solve problems quickly

1. Delphi MlSkin 组件包安装方法 1. Delphi MlSkin Component Installation

1

打开Delphi IDE,依次点击菜单 Component -> Install Packages… Open Delphi IDE, click menu Component -> Install Packages…

Delphi菜单中选择Install Packages的截图
在Delphi IDE中打开组件安装对话框 Open component installation dialog in Delphi IDE
2

在弹出的对话框中点击"Add…"按钮 Click the "Add…" button in the pop-up dialog

在安装对话框中点击Add按钮的截图
点击Add按钮添加组件包 Click Add button to add component package
3

选择组件包的"MlSkinVCL*.bpl"文件(*表示Delphi的版本号),然后点击"打开"按钮 Select the "MlSkinVCL*.bpl" file (* represents Delphi version), then click "Open" button

选择MlSkinVCL*.bpl文件的截图
选择与您Delphi版本对应的bpl文件 Select the bpl file corresponding to your Delphi version
4

点击"OK"按钮确认安装 Click "OK" button to confirm installation

5

点击IDE上面的菜单 Tools->Options,找到设置"Library Path"的位置,"Selected Platform"选择32-bit windows,将MlSkin目录添加到Library Path列表中 Click menu Tools->Options, find "Library Path" settings, select "32-bit windows" for "Selected Platform", and add MlSkin directory to Library Path list

在Options中设置Library Path的截图
添加MLSkin目录到库路径 Add MLSkin directory to library path

点击"OK"按钮,完成安装! Click "OK" button to complete installation!

64位程序编译额外设置 Additional Settings for 64-bit Compilation

需要用MlSkin编译64位程序,除了要按上面的操作安装之外,还需要进行以下操作: To compile 64-bit programs with MlSkin, in addition to the above installation steps, you need to:

  1. 先将下载的相应Delphi版本的MlSkin.*.x64文件解压缩 First extract the downloaded MlSkin.*.x64 file for your Delphi version
  2. 然后将里面的64bit文件夹复制到之前安装的MlSkin目录下面(注意64bit文件夹放的目录位置不要搞错了) Copy the 64bit folder to your previously installed MlSkin directory (make sure the location is correct)
  3. 再点击IDE上面的菜单Tools->Options,找到设置"Library Path"的位置,"Selected Platform"选择64-bit windows Click menu Tools->Options, find "Library Path" settings, select "64-bit windows" for "Selected Platform"
  4. 将64bit目录添加到Path中去 Add the 64bit directory to the Path
  5. 将之前安装的MlSkin组件所在目录添加到Path中去(注意目录的先后顺序,64bit目录要添加在前面) Add your previously installed MlSkin directory to the Path (note the order, 64bit directory should come first)
  6. 完成 Done
在Options中设置Library Path的截图
同时添加MLSkin.32bit和64目录到库路径 Add both MLSkin.32bit and 64 directories to library path

2. Delphi MlSkin 升级到最新版本方法 2. Upgrading to the Latest MlSkin Version

  1. 在下载页面(http://www.pngui.com/filedownload),下载需要用到的MlSkin版本然后解压缩 On the download page (http://www.pngui.com/filedownload), download the required MlSkin version and extract it

  2. 关闭Delphi,将解压后的文件夹里面的全部文件复制并替换掉旧版本MlSkin目录中的文件 Close Delphi, copy all files from the extracted folder and replace the files in your old MlSkin directory

  3. 如果是已购买过正式版本的用户,需要将MlSkin的授权文件也一起放入(PS:试用版用户可以跳过此步骤) If you are a registered user, place your MlSkin license file in the directory (Trial users can skip this step)

  4. 重新运行Delphi,完成升级! Restart Delphi to complete the upgrade!

升级前建议备份您当前使用的MlSkin目录,以防止升级过程中出现问题可以恢复到之前的版本。 It's recommended to back up your current MlSkin directory before upgrading to allow recovery if any issues occur.

3. MlSkin皮肤组件支持High-DPI显示效果开启方法 3. Enabling High-DPI Support for MlSkin Components

MLSkin皮肤组件支持High-DPI显示效果,需要满足以下条件: MLSkin components support High-DPI display, which requires the following conditions:

  • Delphi10.3(包含)之后的Delphi版本 Delphi 10.3 or later versions
  • 工程选项 Application->Mainifest->DPI Awareness 需要设置成 Per Monitor V2 Project options Application->Mainifest->DPI Awareness must be set to Per Monitor V2
工程选项中设置DPI Awareness为Per Monitor V2的截图
工程选项中设置DPI Awareness Setting DPI Awareness in project options

在工程的.dpr文件中,在最前面uses uMlSkinActiveHighDPI.pas 单元文件 In your project's .dpr file, add uMlSkinActiveHighDPI.pas to the uses clause at the beginning

在dpr文件中引用uMlSkinActiveHighDPI单元的截图
在项目文件中添加单元引用 Adding unit reference in project file

通过上面这几项设置后,编译运行程序后就能有效果显示出来了,不过你可能会发现一些显示图片的地方会有点模糊,那是因为图片为了适配高DPI而被放大了,要解决这个问题,请继续往下看 After these settings, the program will display properly when compiled and run. However, you may notice some images appear blurry because they are scaled for high-DPI. To resolve this, continue reading below.

在MlSkinResManager中添加多种尺寸的图标资源 Adding Multiple Size Icon Resources in MlSkinResManager

先添加正常大小的图片,然后选中刚添加的这个图片ID,如:apple-logo-48 First add a normal-sized image, then select the newly added image ID, e.g.: apple-logo-48

接着勾选右边 DPI Scale,选择将要添加的图片尺寸比例,比如:200%,再点击 Add按钮导入图片 Then check DPI Scale on the right, select the image size ratio to add, e.g.: 200%, and click the Add button to import the image

在MlSkinResManager中添加不同DPI尺寸图片的截图
添加不同DPI比例的图片资源 Adding image resources for different DPI scales

不同尺寸的图片添加进来后,ImageID会自动增加一个后缀@DPIxxx (xxx表示不同尺寸) After adding images of different sizes, the ImageID will automatically add a suffix @DPIxxx (xxx represents different sizes)

显示带有DPI后缀的ImageID的截图
自动生成的不同DPI的图片ID Automatically generated image IDs for different DPIs

这样图片添加好后,程序运行时会根据当前屏幕的DPI自动去选择对应尺寸的图片,如果没有找到,则会直接放大显示图片 After adding images this way, the program will automatically select the appropriate size image based on the current screen's DPI. If not found, it will directly scale the image.

参考资料 Reference Materials

最后附上EMB官方关于Delphi对支持High-DPI显示效果的几篇文章链接,可以了解一下 Finally, here are links to EMB's official articles on Delphi's support for High-DPI display:

4. Delphi 11.x+ 编译运行64bit程序可能出错的解决方案 4. Fixing 64bit Compilation Issues in Delphi 11.x+

解决方法,在工程选项中,去掉这2个勾: Solution: In project options, uncheck these two options:

Delphi 11工程选项中需要取消勾选的设置截图
取消勾选导致64位编译错误的选项 Uncheck options causing 64-bit compilation errors

此问题主要出现在Delphi 11及以上版本的64位编译环境中,取消相关选项后可以解决大多数编译错误。 This issue mainly occurs in 64-bit compilation environments for Delphi 11 and above. Unchecking these options resolves most compilation errors.

5. 离线帮助文档 5. Offline Help Documentation

您可以下载离线帮助文档,以便在没有网络连接的情况下查阅MLSkin组件的使用说明。 You can download offline help documentation to access MLSkin component instructions without an internet connection.

下载地址 Download Link

https://www.minolsoft.com/downloads/MlSkin/MlSkin.Help.zip

注:下载后解压缩即可查看,包含完整的组件使用说明、API文档和示例教程。 Note: Extract after downloading to view, includes complete component usage instructions, API documentation and example tutorials.

6. 图标资源网站 6. Icon Resource Websites

以下是一些高质量的图标资源网站,适合在使用MLSkin组件开发界面时获取图标素材: The following are high-quality icon resource websites suitable for obtaining icon materials when developing interfaces with MLSkin components:

Figma 强烈推荐 Highly Recommended
https://www.figma.com/

注:免费,里面有大量的UI设计模板和Svg格式的图标可以用 Note: Free, with many UI design templates and SVG format icons available

Yesicon 强烈推荐 Highly Recommended
https://www.yesicon.app/

注:免费,里面有大量的Svg格式的图标可以用 Note: Free, with many SVG format icons available

Icons8 推荐 Recommended
https://icons8.com/

注:免费,图标质量高、大小颜色可以自定义 Note: Free, high-quality icons with customizable size and color

Flaticon 推荐 Recommended
http://www.flaticon.com/

注:免费,图标质量高、大小颜色可以自定义 Note: Free, high-quality icons with customizable size and color

Iconfinder
https://www.iconfinder.com/

注:部分免费,图标质量高、大小可以自定义 Note: Partially free, high-quality icons with customizable size

Iconfont
http://www.iconfont.cn/

注:电子商城风格图标,免费,图标质量高、大小颜色可以自定义 Note: E-commerce style icons, free, high-quality with customizable size and color

使用提示 Usage Tips

推荐优先选择SVG格式的图标,它们可以无损缩放,特别适合在支持High-DPI的应用程序中使用,能保证在各种分辨率下都有清晰的显示效果。 It's recommended to prioritize SVG format icons as they can scale without loss of quality, making them ideal for High-DPI supported applications and ensuring clear display at various resolutions.

需要更多帮助? Need more help?

如果您在使用过程中遇到其他问题,欢迎通过以下方式联系我们获取技术支持 If you encounter other issues during use, please contact us through the following methods for technical support

扫码添加QQ好友 Scan to add QQ Friend

MLSkin官方QQ二维码,扫码可添加好友获取技术支持

欢迎咨询MLSkin相关问题
工作时间: 周一至周五 9:00-18:00
Welcome to consult about MLSkin
Working hours: Monday-Friday 9:00-18:00

放大的帮助截图