美文网首页
flutter 如何把视频填充到cell中

flutter 如何把视频填充到cell中

作者: Zszen | 来源:发表于2020-05-27 03:06 被阅读0次

    设计上考虑到的问题是cell的尺寸限制, 不能按照视频的比例来进行处理, 视频又不能都按照设计的尺寸再输出, 那么就考虑到裁剪的功能

    不像image本身有boxfit, 可以令其按照给定大小填充, 或者充满, 视频没有这个功能

    那么也不难, 只需要这些层级关系:

    ClipRect
    - Transform
    -- AspectRatio
    --- VideoPlayer
    

    原理:

    • VideoPlayer 播放视频
    • AspectRatio 给定视频的播放比例
    • Transform 缩放, 按照这个比例将视频放大, scale设置为视频的value.aspectRatio, 或更大一些
    • ClipRect 将视频放大过大的部分进行裁剪, 之所以用到这个, 是为了能更好的放到元素中去.

    相关文章

      网友评论

          本文标题:flutter 如何把视频填充到cell中

          本文链接:https://www.haomeiwen.com/subject/ugkiahtx.html