手机动态介绍

今天我们来讲讲手机动态,很多人都知道,手机打开浏览器的时候,会有一些新闻,娱乐,体育等等的一些动态信息,而这些都是需要网络才可以看的,我呢就尝试做了一个模板
首先呢,我们从iPhone Bodies All(自己加的元件库)元件库里面找一个手机原型,为了做的真实一点,再从iOS元件库里面选一个状态栏。
在这里插入图片描述

就是手机上显示电量,还有信号的东西,把它放到手机的头部,在用一个矩形把手机的屏幕部分框起来,再将它锁定,这样在接下来的制作中就不会因为移动而引起不必要的麻烦,
然后,当我们打开浏览器的时候,头上就会出现一些大的标题就比如这种

我们就用文本标签把它们一个个写上,放在头顶上,也不用拿那么多标签,直接拉一个文本标签写上之后,再复制就可以了,再下面呢,就是图片了,这个图片呢,就不是一张就可以了,而是要做一个轮播效果,但咋样才可以用一张图片来做到轮播效果呢,咦,问题就来了
我们之前学过俩种一个可以用来做多个的元件。,一个呢是中继器,另一个呢就是动态面板了, 如果用中继器的话,它的面积就会大,不符合我们的标准,所以就用动态面板做吧,首先我们要拉一个图片放到手机屏幕上,然后按照屏幕的大小来把照片放到屏幕上,放好之后呢,就鼠标右键,最后面有一个“转化为动态面板”的字眼,点一下就可以了,然后你就点击图片,就会进入到动态面板的界面 、在这里插入图片描述

如图上,上图我是已经建好了的,这样就可以用一张图片做出轮播效果了,接下来,我们就做下一步,中间呢,会有一个文本框,里面会有一些标题在里面跳动
在这里插入图片描述

因为时间关系,我就用了数字代替,而这个框呢,用文本框来做就好
接下来就是这个了
在这里插入图片描述
在这里插入图片描述

上面这个呢就是用四个矩形加上三个热区,当然,有三个矩形要转化为动态面板
再把热区放到那三个转化为动态面板的矩形上面,这样单个选择的时候就不会带上其他两个了,而下面的标题是,先用中继器来做,在之后呢,就将它转化为动态面板,而要搭配上面的三个矩形动态面板,也要做三个,内容自己造,可以上网找,也可以自己起,这个随意,不挑,就像高中的时候,语文老师要我们写作文,除了诗歌,其他文体不限,可以编,
当然,这是自己做的模型,可以随便玩,以后要是做项目了,就不同了。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值