微信小程序模拟器为什么一直只有helloworld

微信小程序模拟器为什么一直只有helloworld,第1张

可能是设置问题。

HelloWorld中文意思是你好,世界。因为《TheCProgrammingLanguage》中使用它做为第一个演示程序,非常著名,所以后来的程序员在学习编程或进行设备调试时延续了这一习惯。

微信WeChat是腾讯公司于2011年1月21日推出的一个为智能终端提供即时通讯服务的免费应用程序,由张小龙所带领的腾讯广州研发中心产品团队打造。微信支持跨通信运营商、跨 *** 作系统平台通过网络快速发送免费(需消耗少量网络流量)语音短信、视频、图片和文字,同时,也可以使用通过共享流媒体内容的资料和基于位置的社交插件摇一摇、朋友圈、公众平台、语音记事本等服务插件。

官方文档是这样说的:①创建一个动画实例 animation。②调用实例的方法来描述动画。③最后通过动画实例的 export 方法导出动画数据传递给组件的 animation 属性。

因为小程序是数据驱动的,给这句话加上数字标注分为三步:

前两步是定义一个动画并设置都要干什么,然后把这个设置好的“规则”扔给界面上的某个元素,让它按照这个规则执行。

当然如果有多个元素的animation="{{ani}}",也都会执行这个动画规则。

二、用例子说话

新建一个小程序,把没用的删掉修改一下,做个简单例子,上图

代码如下:

index.wxml,一个helloworld,一个按钮

<view class="container">

<view class="usermotto" animation="{{ani}}">

<text class="user-motto">{{motto}}</text>

</view>

<button bindtap='start'>动画</button>

</view>

复制

index.wxss, 为了看着方便加了个边框

.usermotto {

margin-top: 100px

border: solid

}

复制

index.js

Page({

data: {

motto: 'Hello World',

},

start:function(){

var animation = wx.createAnimation({

duration: 4000,

timingFunction: 'ease',

delay: 1000

})

animation.opacity(0.2).translate(100, -100).step()

this.setData({

ani: animation.export()

})

}

})

复制

三、相关参数及方法

简单介绍一下例子中的几个参数和方法(其他的详见官方文档):

duration: 动画持续多少毫秒

timingFunction: “运动”的方式,例子中的 'ease'代表动画以低速开始,然后加快,在结束前变慢

delay: 多久后动画开始运行

opacity(0.2) 慢慢变透明

translate(100, -100) 向X轴移动100的同时向Y轴移动-100

step(): 一组动画完成,例如想让上例中的HelloWorld向右上方移动并变透明后,再次向左移动50可以继续写 animation.translateX( -50).step() , 作用就是向右上方移动和变透明是同时进行, 这两种变化完成之后才会进行向左运行的一步。

例子:Github

1、打开eclipse,点击File->New->Project,选择java->java project,效果如图所示

2、在project name栏输入工程名称,如“Helloworld”,点击Finish

3、在左边的project explorer中可以找到新建的Helloworld工程,点开工程,找到src,右键,点击New->class

4、出现如图所示界面,在name栏输入类名,点击Finish

5、在创建好的Helloworld.java文件中可写入如图所示的代码

6、点击下图中中间的那个绿色的按钮执行文件

7、出现如图所示的窗口,点击ok

8、在下面的窗口中可以看到输出了“helloworld”,程序执行成功

导入项目。当下载了包含Eclipse 项目的源代码文件后,我们可以把它导入到当前的Eclipse 工作区然后编辑和查看。点击菜单File >Import,然后在d出的Import 对话框中展开General目录,选择Existing Projects into Workspace,接着点击Next 按钮。当选中单选钮Select root directory:时可以点击Browse?按钮选中包含项目的文件夹,如果包含项目的话就可以在中间的Projects 列表框中显示;而当选中单选钮Select archive file:时可以点击Browse?按钮选中包含项目的ZIP 压缩包,如果包含项目的话就可以在中间的Projects列表框中显示。最后点击Finish 按钮就可以导入项目并打开了。

导出项目 。点击菜单File >Export,然后在d出的Export 对话框中展开General 目录,选择Archive File,接着点击Next 按钮。然后在To archive file:输出框中选中要保存的文件名,一般写成项目名.zip,然后点击Finish 按钮即可导出当前项目。还有一种方式是手工打包,用WinRAR 或者WinZIP 等工具都可以。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/11935958.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-19
下一篇 2023-05-19

发表评论

登录后才能评论

评论列表(0条)

保存