首页
学习
活动
专区
圈层
工具
发布

按钮与交互-使用按钮触发操作

在本节中,我们将介绍一个重要且简单的元素,即按钮。这个小元素可以改变整个UX。我们将使用该按钮来缩放我们的3D模型。此外,我们将尝试更改手机的壁纸。...主要故事板 我们在屏幕上放置一些按钮。使用模板,主故事板附带一个ARSCNView,我们无法在其上放置按钮。首先,删除ARSCNView并放置UIView。...拥有UIView,允许我们放置这3个按钮并添加约束。...这是按钮的约束: 按钮 约束 左 PlaceScreen 左:46点 / 底部:28点 中 加号按钮 水平中心 / 底部:28点 右 减号按钮 右:46点 / 底部:28点 放置按钮后放回ARSCNView...在布局中,将ARSCNView放在View下方,否则按钮将不会显示。 ? 约束 IBAction为 现在我们有了按钮,我们需要给它们功能。通过单击右上角带有双圆圈的图标启用助理编辑器。

6.3K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    原 ionic+js+html5 飞行射击

    js+html5写一个简单的飞行游戏引擎,游戏画面使用canvas绘图,引擎核心代码不到500行,原生js,没有依赖。...当玩家点击屏幕时,直接触发的是canvas,然而需要触发的是在canvas上画出的对象,所以引擎内部需要实现一套以游戏对象为中心的事件机制。...事件触发:玩家点击屏幕时,在外部事件中进行事件包装,再按照action-eventinfo的方式触发内部事件,内部事件管理者检索之前注册的对象,如果有效就调用注册的callback执行特定的对象操作。...实现方法是通过js的time定时触发模块的运行,通过调整time的触发间隔来控制系统的状态变化周期。...enes: [ene1, ene2, ene3, ene4] }, attachEvent: $scope }) en.Start() 测试环境ionic

    1.7K60

    Ionic 2 :如何实现列表滑动删除按钮1.创建Ionic2应用2.准备列表数据3.修改主页(HOME)的模版4.创建方法删除数据5.添加一个编辑按钮总结

    既然Ionic2还很新,我将这些步骤尽量阐述详细,下面我们看看app/home/home.js文件: import {Page} from 'ionic/ionic' @Page({ templateUrl...home.js 文件修改如下: import {Page} from 'ionic/ionic' @Page({ templateUrl: 'app/home/home.html', }) export...这段代码还创建了一个删除按钮,当ion-item-options部件显示出来时,可以点击按钮,这时会触发类中定义的removeItem (暂无,接下来添加)。...4.创建方法删除数据 现在我们去到 home.js 文件编写方法处理数据删除。当前但删除按钮被点击时传送一个数据项给 removeItem。...修改 home.js 如下: import {Page} from 'ionic/ionic' @Page({ templateUrl: 'app/home/home.html', })

    5.1K100
    领券