前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >自定义View学习之路(四)————图片介绍框

自定义View学习之路(四)————图片介绍框

作者头像
饮水思源为名
发布2018-09-06 12:48:49
2050
发布2018-09-06 12:48:49
举报
文章被收录于专栏:Android小菜鸡

简介:

  走往android的进阶之路,避不开自定义View的学习和绘制。这里以绘制一个可用的图片相框为例。开始系统的学习View的绘制。   麻雀虽小却五脏俱全,不仅要求对绘制居中的处理,还有文字、图片得宽高的处理。涉及知识内容可以说非常实用。 图片介绍框需求:

  • 边框默认红色,宽度为20
  • 图片可铺满,可居中
  • 图片下面是文字介绍。要求居中,长度过长时自定省略部分内容

效果图:

效果图

设计图:

设计图

心得与总结:

  • 在编码前首先规划好几个大的模块,对宽高进行初步测量。会节省大量的时间。在编码过程中突然增加模块,会使得宽高的计算变得混乱。
  • 本案例中运用了两个Rect。分别为文字内容和图片服务。开始不知道,只用了一个,导致坐标混乱。
  • 图片绘制,确定左上坐标和右下坐标。文字绘制只需要一个坐标,android会从这个坐标开始往右上方开始写字。
  • 绘制时需要考虑的一些因素:
    1. 文字的长度过长,需要进行裁剪。
    2. 做居中操作时,需要操作原图片宽高,如果原图片过大,需要单独处理。
    3. 因为边框的存在, 在测量宽高时需要处理边框的宽度。

参考文章:

https://blog.csdn.net/lmj623565791/article/details/24300125

附件:

MyImageView下载地址 若附件无法下载,请复制链接地址,在浏览器重新执行即可!!

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2018.07.27 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 简介:
  • 效果图:
  • 设计图:
  • 心得与总结:
  • 参考文章:
  • 附件:
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档