使用GridView使用类似电影海报宣传页面

import 'package:flutter/material.dart';void main() => runApp(const MyApp());/*** 电影海报主页面 GridView Widget* padding: 设置内编剧的属性* crossAxisSpacing: 网格间间隙* crossAxisCount: 网格的列数。*/
class MyApp extends StatelessWidget {const MyApp({Key? key}) : super(key: key);// This widget is the root of your application.@overrideWidget build(BuildContext context) {return MaterialApp(title: '电影海报页面',theme: ThemeData(),home: Scaffold(appBar: AppBar(title: const Text('电影列1表。GridViewWidget'),),body: GridView(gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(childAspectRatio: 0.8,crossAxisSpacing: 3,crossAxisCount: 3,mainAxisSpacing: 2.0),children: <Widget>[Image.network("https://img3.mukewang.com/szimg/60497caf0971842912000676-240-180.png",fit: BoxFit.cover,),Image.network("https://img1.sycdn.imooc.com/5bc805ec0001ba4406000338-360-202.jpg",fit: BoxFit.cover,),Image.network("https://img2.sycdn.imooc.com/5746675d0001afc506000338-360-202.jpg",fit: BoxFit.cover,),Image.network("https://img4.sycdn.imooc.com/5f8189ab098cfe5006000338-360-202.png",fit: BoxFit.cover,),Image.network("https://img3.mukewang.com/szimg/60497caf0971842912000676-240-180.png",fit: BoxFit.cover,),Image.network("https://img1.sycdn.imooc.com/5bc805ec0001ba4406000338-360-202.jpg",fit: BoxFit.cover,),Image.network("https://img2.sycdn.imooc.com/5746675d0001afc506000338-360-202.jpg",fit: BoxFit.cover,),Image.network("https://img4.sycdn.imooc.com/5f8189ab098cfe5006000338-360-202.png",fit: BoxFit.cover,),Image.network("https://img3.mukewang.com/szimg/60497caf0971842912000676-240-180.png",fit: BoxFit.cover,),Image.network("https://img1.sycdn.imooc.com/5bc805ec0001ba4406000338-360-202.jpg",fit: BoxFit.cover,),Image.network("https://img2.sycdn.imooc.com/5746675d0001afc506000338-360-202.jpg",fit: BoxFit.cover,),Image.network("https://img4.sycdn.imooc.com/5f8189ab098cfe5006000338-360-202.png",fit: BoxFit.cover,),Image.network("https://img3.mukewang.com/szimg/60497caf0971842912000676-240-180.png",fit: BoxFit.cover,),Image.network("https://img1.sycdn.imooc.com/5bc805ec0001ba4406000338-360-202.jpg",fit: BoxFit.cover,),Image.network("https://img2.sycdn.imooc.com/5746675d0001afc506000338-360-202.jpg",fit: BoxFit.cover,),Image.network("https://img4.sycdn.imooc.com/5f8189ab098cfe5006000338-360-202.png",fit: BoxFit.cover,)],)));}
}

使用GridView使用类似电影海报宣传页面相关推荐

AE/PR模板:10组电影质感海报宣传文字标题设计动画Cinematic Titles
Cinematic Titles是一组AE/PR模板,包含10组电影质感海报宣传文字标题设计动画模板,您只需点击几下即可创建好莱坞风格的精彩电影片名,轻松制作电影预告片标题.电影.大片.纪录片.音乐和 ...
电影海报页面设计Html5,清新简单：以电影为题材的极简海报设计作品
清新简单:以电影为题材的极简海报设计作品 9月 14, 2013 评论 Sponsor 之前设计达人发布过一些极简主义设计(Minimal Design)的网页作品,这些设计运用手法很多,通过直线.几 ...
零基础学前端系列教程 | 和前端谈恋爱的第003天——电影海报
温馨提示:被[]包裹的是专有名词,详细介绍见下文的恋爱宝典,你可以在目录中快速找到它们,有任何问题/建议,欢迎随时微信我,我是朝阳 13908056224! 约会邀请函已经做好了,但迟迟没有发出去零 ...
作业一：编程设计电影海报的色彩
作业一:编程设计电影海报的色彩作业一:设计电影海报的色彩可视化作品.模仿课程PPT第四章第43页上的1914年以来电影海报的颜色做进行可视化的作品,设计实现中国从2008年到2018年这十年间的国产 ...
在集设网看世界顶级电影海报欣赏，太美了！
电影海报以其精湛的宣传力度,醒目的特有方式展现着电影的魅力.随着时代的变迁,电影海报在艺术设计.颜色选用.潮流形式上都发生了根本的变化,但是那些曾经伴随我们的电影海报以它特有的艺术价值和怀旧魅力,成为 ...
捷径：通过快捷指令下载应用图标、音乐封面和电影海报
昨天推送了<App Store应用图标下载工具>一文后,恰好通过那个页面看到 Apple 的官方应用.有个此前推出时曾关注过,但当时未能下载的应用叫 Shortcuts(捷径),中文也叫快 ...
ps之制作电影海报灵感网站
1.http://www.impawards.com/ 这个是英文网站,更新及时,图大,唯一遗憾是以好莱坞电影为主的,支持电影片名搜索,也支持演员.导演.设计师(已有国内设计师被收录).票房榜等条件搜 ...
使用 ImageMagick 制作电影海报封面效果的照片
<ZIPPER 拉链>电影海报昨天因为偶然的原因看到电影<ZIPPER 拉链>的封面图片,超喜欢这种有颗粒感的照片.其实小林的微信头像也是类似颗粒感(或称像素.点阵)效果的单 ...
入门练习：利用标准API 获取电影海报图片的 url
获取数据练习:Wikipedia电影海报背景练习内容已知条件: 练习解决方案总结背景新近开始学习数据分析师课程,目前在数据获取阶段.这边记录下自己的课堂练习,也为后面复习留个底. 练习内容 ...

使用GridView使用类似电影海报宣传页面

使用GridView使用类似电影海报宣传页面相关推荐

最新文章

热门文章