1. 程式人生 > >cocos creator Button控制元件用法

cocos creator Button控制元件用法

Button控制元件用法比較簡單,從控制元件庫拖拽Button控制元件到場景編輯器中,我們看到Button裡自帶了一個label,我們不用的話,就直接將其刪除即可。

選中Button控制元件,在右側的屬性檢查器中,可以檢視Button的元件屬性


選擇相對應的圖片,然後在事件這裡選擇帶有指令碼的節點,第二個是選擇指令碼檔案,第三個是選擇這個腳本里所對應的函式,當點選這個按鈕的時候,在這個函式裡處理邏輯就可以了。

當然,如果我們需要處理更加細緻的問題,比如按下按鈕執行函式(此時不鬆開),那麼就需要在相應的指令碼檔案中進行觸控事件,比如:

在指令碼檔案中,增加按鈕屬性:button : { default: null,  type: cc.Button},

然後在onLoad函式中,進行按鈕的註冊:

var self = this;

self.button.node.on(cc.Node.EventType.TOUCH_START, function(event){

console.log("按鈕按下")

});

self.button.node.on(cc.Node.EventType.TOUCH_MOVE, function(event){

console.log("在按鈕上滑動")

});

其他的就不一一列舉了。注意一點就行,這裡一定要用self,因為註冊裡的this代表的就不是這個this了。

相關推薦

cocos creator Button控制元件用法

Button控制元件用法比較簡單,從控制元件庫拖拽Button控制元件到場景編輯器中,我們看到Button裡自帶了一個label,我們不用的話,就直接將其刪除即可。 選中Button控制元件,在右側的屬性檢查器中,可以檢視Button的元件屬性 選擇相對應的圖片,然後在事

unity3D之GUI之Button控制元件用法

Button控制元件三種狀態:未點選狀態,擊中狀態,點選後狀態 Button控制元件種類:普通按鈕,圖片按鈕 var buttonTexture:Texture2D; private var str:String; private var frameTime:int; fu

My97DatePicker(WdatePicker)日期控制元件用法

WdatePicker[html] view plain copy print? <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <!-- 它的官網是http://www.my97.n

WPF TabIndex預設樣式修改:去掉預設虛線框、自定義樣式(Button控制元件為例)

去掉Tab選中預設虛線框 Tab鍵切換時,被選控制元件自動存在虛線框,有時候為了介面美觀,這個虛線框就顯得比較麻煩。廢話不多說,下面是方法。 <Window.Resources> <Style x:Key="MeyFocusVisual" TargetType="{

Button控制元件的使用方法

Button控制元件的使用方法 Button控制元件的定義 private Button btn; btn = (Button)findViewById(R.id.button); //根據資源ID獲取view檢視 Button控制元件設定監聽函式 匿名內部類的形式 設定按

組合框控制元件用法大全

一、 控制Combo Box的下拉長度 1、當你在介面上拖出來了combox控制元件後,點選它的屬性,把No integral height 這一項選成true 2、點選一下那個combox控制元件的小三角,現在拖動出現的那個框框的的長度,拖到你覺得合適就行

C# DataGridView控制元件用法介紹

DataGridView控制元件在實際應用中非常實用,特別需要表格顯示資料時。可以靜態繫結資料來源,這樣就自動為DataGridView控制元件新增相應的行。假如需要動態為DataGridView控制元件新增新行,方法有很多種,下面簡單介紹如何為DataGridView控制元件動態新增新行的兩種方法

前端日期控制元件——My97DatePicker控制元件用法說明

My97DatePicker是一款功能強大的日期控制元件 把控制元件包拷貝到專案中,js引用 本身寫法是jQuery的把jQuery檔案引入 <script type="text/javascript" src="My97DatePicker/W

Android 關於佈局中Button控制元件正常順序出現的遮蓋其他控制元件問題

在一個相對佈局中設定著底部組合控制元件,比如:正常app的四個底部導航欄,分別用權重去等比例顯示,但是若在其中的一份比例中的相對佈局裡放置了Button和其他的自定義控制元件(包含非自定義控制元件),那麼就會出現Button覆蓋佈局中的其他控制元件的問題,不過遇到的也許不多吧

動態建立多個Button控制元件

實現效果:    知識運用:   Controls屬性  //獲取包含在窗體內的控制元件的集合     public Control.ControlCollection Controls { get; }   Controls集合的的Add方法  //將指定的控制元件新增到窗體控制元件的集合中  

C# numericUpDown控制元件用法總結及注意事項

numericUpDown控制元件在使用的過程當中,有些用法會不太一樣,下面做一總結。 1. 判斷numericUpDown的value屬性是否為空        使用過Numericupdown控制元件的童鞋初期應該都會碰到一個奇怪的問題,在刪除了控制元件裡的值之後,裡

WPF程式設計之自定義Button控制元件樣式

自.NET Framework 3.0 以後,WPF程式設計框架可使開發人員開發出更加令人耳目一新的桌面應用程式。它使開發工作更加方便快捷,它將設計人員和程式設計人員的工作分離開來。至於WPF的背景歷史、框架特點、框架結構這裡就不再贅述。有興趣的同袍可在百度搜索關於WPF的相

Android Button控制元件字母大小寫顯示問題

之前做開發時候,Button控制元件中的文字一般是中文,昨天做測試時候設定成英文後發現不管如何設定,手機上都顯示是大寫字母(其他控制元件沒有)。 btn.setText("aaa"); //顯示大寫AAA 在網上找到原因。 在控制元件中新增一條屬性。 androi

swift 中 as、as!、as? 這三種類型轉換操作符的異同 及一些控制元件用法

轉自:http://www.111cn.net/sj/iOS/104115.htm 應網友要求,我這裡總結了下 as、as!、as? 這三種類型轉換操作符的異同,以及各自的使用場景。 1,as使用場合 (1)從派生類轉換為基類,向上轉型(upcasts) cla

ASP.NET自定義Web伺服器控制元件-Button控制元件

using System; using System.Collections.Generic; using System.ComponentModel; using System.Linq; using System.Text; using System.Web; usin

WPF TabIndex預設樣式修改:去掉預設虛線框、自定義樣式(Button控制元件為例)

去掉Tab選中預設虛線框 Tab鍵切換時,被選控制元件自動存在虛線框,有時候為了介面美觀,這個虛線框就顯得比較麻煩。廢話不多說,下面是方法。 <Window.Resources> <Style x:Key="MeyFocusVisual" Tar

DataGridView控制元件用法(二):為每行記錄最後加“編輯”-“刪除”按鈕列

1. 在中已經顯示出列表資料,這時我們需要對每行資料記錄進行編輯,需要新增“編輯”、“刪除”、“檢視”這樣的超連結。程式碼如下: 1 //為每行資料增加編輯列。 2 //設定列不能自動作成 3 UserdataGridView.AutoGenerate

微信小程式學習(10)-button控制元件

button控制元件學習 1.button屬性 2.size和type屬性對button的影響 size屬性的預設值為default,type屬性的預設值也為default,如果值為default時,該屬性可以省略; <view class="content">

FileUpload上傳控制元件用法詳解--來自MSDN幫助文件

Visual Basic  複製程式碼 <%@ Page Language="VB" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD

JS中button控制元件click事件無法響應的問題

                再點選登入按鈕時無法響應JS事件,後來發現button控制元件的id值和onclick中的方法名相