TscGPImage 图片控件的用法及实例1--实现圆形头像效果


产品的设计稿:


需求分析:要实现圆角头像,头像是一个Image,我们准备用TscGPImag来实现。


第一步:加入一个TscGPImage组件



  • 设置宽高分别为120:


  • 加载一个头像图片:


第二步:设置图像为拉伸效果




第三步:设置图像的裁剪风格

  • 使用ClipFrame属性,该属性可以对图像进行裁剪,我们选择圆形裁剪,就达到我们要圆角头像的效果:



  • 修改图像背景色和圆形边框的颜色,达到和背景色一样的效果:



第四步:动态加载头像的代码如下:


img_MyAvatar.Picture.LoadFromFile('xxxxxx.png');



最终运行效果如图:





其他属性的说明:






更多交流可以加入我们的学习群:





注:该文档为本站原创作品,请勿转载。




联系电话:
020-00000000
联系电话:
020-00000000
联系电话:
020-12345678