# 排行榜的使用方法
* * * * *
mugeda新功能排行榜正式上線了!這個功能是屬于高級功能,新手同學還是先需要學習行為、命名等這些基礎教程后再來嘗試制作。
我們可以在左邊的工具條上找到排行榜工具的圖標

點一下,它就到了舞臺上。
現在,我將分兩個部分,來介紹排行榜的設置
> 第一部分的分割線
第一部分是如何設置一個排行榜的提交
A:
首先我們要有建立排行榜的幾個元素:
1:姓名(不必須)
2:分數(必須)
3:頭像(不必須)
4:是否上榜判斷(不必須)
其中:
姓名是一個文本,首先,要給這個文本取名字。然后我們可以采用獲取微信昵稱,或者通過可填寫的文本框改變這個文本的內容。

分數是一個文本,首先,要給這個文本取名字。然后我們把游戲獲取到的分數寫到這里,到時候可以提交。
頭像是一張圖片,首先,要給這個圖片取名字。然后我們通過獲取微信頭像,或者通過改變圖片、定制圖片的行為改變這個圖片的內容。
是否上榜判斷是一個文本,給它命好名字,如果上榜,它會改變屬性為1,如果沒上榜,那么他會改變屬性為0
B:
做好上面的準備后,我們就可以雙擊舞臺上剛才添加進去的排行榜元件
打開排行榜設置一些內容

顧名思義,你希望有多少人上榜,上榜最低分數是多少,以及通過升序還是降序排列,這里都可以設置
C:
第一部分設置的最后一步,我們需要設置提交排行榜的按鈕
首先我們找到一個活生生的按鈕,給它添加一個行為:提交排行榜

然后我們打開行為編輯
把剛才命好的名字一一對應上,并設置一下提交成功后要干嘛

這樣,我們就做好了一個排行榜的提交
> 這是一段引用內容文字
提交完排行榜之后,肯定需要有一個顯示排行榜的地方
那么第二部分,我給大家介紹一下,如何獲取排行榜
我們可以新建一頁或者一幀,這個位置剛才在設置排行榜提交后的行為那兒可以自己隨便選。
A:
首先,我們還是需要做一些準備
1:舞臺上先放一張圖片,用來獲取照片頭像
2:再放上去一個文字,用來獲取名次
3:再放上去一個文字,用來獲取名字
4:再放上去一個文字,用來獲取分數
然后呢,我們把這四個元素排列好,給它們各取一個好聽的名字(不能有數字)。
然后呢,我們可以把這四個元素復制若干份(需要排行榜顯示幾個名次就復制幾份)
然后檢查一下所有元素的命名,因為接下來,獲取排行榜會自動根據命名最后的數字的升序排列
(PS:在mugeda里,復制同名的物體是自動會在名字后加#1、#2……依次排列,所以名字會自動命名。)
B:
然后,我們需要放上一個鮮活的按鈕,給它添加一個行為:獲取排行榜。

我們還是點擊行為編輯,進行設置
這時候,我們發現,剛才準備的那些元素,都被省略掉了命名最后的數字,我們這時,只需要選擇命名的前半部分就行。
選擇好之后點確認,就大功告成了!
這樣就是mugeda制作排行榜的整個流程,趕快試試把。
下面是一個做好的血淋淋的編輯地址:
http://beta.mugeda.com/animation/edit/c2e5806e
- 閱讀須知
- Mugeda平臺介紹
- 新手必看
- Mugeda是什么?
- 快速入門
- 快速制作炫酷動畫
- 無代碼添加交互
- 學會使用Mugeda模板
- 如何快速修改木疙瘩模板
- 作品創建前必讀
- 手機屏幕適配方法
- 圖片處理
- 聲音及視頻處理
- 屏幕適配設置
- 發布和預覽鏈接的區別
- H5作品相關設置
- 如何發布作品
- 功能詳解
- 界面與舞臺
- 簡介
- 縮放層數據
- 翻頁的相關設置
- 關鍵幀和頁面的命名
- 加載的相關設置
- 物體屬性設置
- 元件界面介紹
- 濾鏡效果
- 屏幕適配范圍與安全框
- 輔助線功能
- 首頁加載的靜態導出
- 素材與媒體
- 圖片上傳/素材庫
- 文本/文本段落
- 網頁
- 幻燈片
- 視頻
- 聲音
- 聲音的控制
- 繪制素材
- 云字體
- 曲線圖表
- 拖動動畫
- 虛擬現實
- 粘貼第三方文字和圖片
- 常用編輯操作
- 鎖定物體
- 節點工具
- 路徑工具
- 排列、對齊、變形、組合、合并功能
- 轉換為元件
- 導入PSD及注意事項
- 聲音和視頻的壓縮
- 聲音和視頻的交互控制
- 動畫
- 時間軸及圖層
- 選擇工具
- 關鍵幀動畫
- 路徑動畫
- 進度動畫
- 曲線變形動畫
- 預置動畫
- 元件動畫
- 分頁/加載頁
- 遮罩動畫
- 動畫運動
- 標尺和輔助線的使用
- 復制幀/圖層
- 如何實現動畫控制
- 文字變形動畫
- 運動曲線編輯
- 行為
- 行為添加以及觸發事件
- 幀的行為
- 頁的行為
- 播放元件片段
- 改變元素屬性
- 改變圖片
- 設置定時器
- 手機功能
- 跳轉鏈接
- 拖動的多種邏輯關系
- 舞臺截圖
- 改變行為屬性增加方框顏色
- 控件
- 陀螺儀
- 定時器
- 隨機數
- 擦玻璃
- 點贊
- 繪畫板
- 投票
- 抽獎
- 連線
- 拖動容器
- 投票、抽獎實時數據管理
- 計數器組件
- 排行榜
- 微信功能
- 微信頭像/微信昵稱
- 定制圖片
- 錄制聲音
- 分享信息
- 表單
- 自定義表單
- 系統默認表單
- 定制文字
- 定制賀卡文字
- 關聯綁定
- 舞臺動畫關聯
- 元件動畫關聯
- 屬性關聯
- 自動關聯
- 公式關聯
- 條件判斷
- 邏輯表達式判斷
- 多種表達式的寫法
- Mugeda API
- MugedaAPI整體結構
- 在動畫中插入腳本
- 使用自定義回調函數
- 通過API定義微信轉發
- 獲取Mugeda后臺數據
- 部署第三方服務器
- 案例講解
- 展示動畫
- 邀請函
- 招聘
- 個人簡歷
- 可定制賀卡
- 手機廣告
- 長按手指控制動畫播放
- 2016網易娛樂圈畫傳
- 一只挖空心思的行禮箱
- 科幻風格H5的制作
- 拖動長圖類H5制作
- 小爺吳亦凡案例
- UI原型
- 小圖標動畫
- 用Mugeda巧做GIF
- 小游戲
- 拍宇航員
- 手術刀
- 測試題
- 拖動選擇
- 概率抽獎
- 聲音測試題
- 真假朋友大質檢
- 圖片合成類H5的制作
- 60秒幫你擺脫朋友圈
- H5錄音機
- 制作接力型H5
- 微信/定制
- 和寶寶聊天
- 和奧運冠軍合影
- 熱門案例(試看)
- 什么才是福
- 教你玩轉密室逃脫類H5制作
- 星巴克咖啡
- 小爺吳亦凡
- 誰是足球明星
- 拷問拍拍618機密
- 用HTML5做交互課件
- CEO邀你群聊
- 里約大冒險
- 天貓宇宙邀請函
- 快閃
- H5換裝小游戲
- 視差類型H5制作
- H5版flappy bird
- 連連看小游戲
- 用遮罩做鏡頭特效
- 網易5筆畫愛
- 剪刀石頭布小游戲
- 交互動畫類H5制作
- 最新功能(1213)
- 如何使用排行榜
- 小功能更新
- 鎖定邊距
- 其他教程
- Mugeda簡約版介紹
- 如何自定義綁定微信公眾號
- 教師版賬號詳情介紹及使用方法