瀏覽英雄,購買英雄等功能之一(搭建UI場景)

2021-09-11 00:17:03 字數 1539 閱讀 8813

推薦閱讀:

通常在遊戲中都有商店系統,商店系統可供瀏覽商品,購買商品,今天就和大家聊聊這些功能的實現吧。

(1)建立乙個空物體,並命名為shoppanel,並設定拉伸方式

(2)建立image作為背景,並命名為bg,拉伸方式同上

(3)建立image,新增scrollrect元件並取消勾選垂直滑動的選項,將其作為螢幕上的滑動與區域(在該區域滑動即可瀏覽商品),命名為scrollrect,拉公升如下

(4)在scrollrect下建立乙個空的子物體,並命名為viewport,拉伸方式同上,將其設定為滑動區域的滑動內容

(5)在viewport下建立乙個gameobject,作為被瀏覽的商品,設定寬高為160,命名為item。

為了實現選中放大,未選中縮小的效果,在item下建立image子物體新增,當需要放大縮小物品時,直接放大縮小子物體;再複製3個item,並依次往後排列,如下:

(6)此時執行發現後面的物體到不了螢幕中間,為了讓最後乙個能停留在螢幕中間,需要調整滑動內容viewport的大小。由於乙個商品大小事160160,且第乙個商品距離螢幕左邊是160,共有4個物品,所以滑動內容viewport的寬度應該為1606=960。如果直接設定viewport的寬度,則出現下面情況

我門希望的是他只往右拉伸,為此還需要重新設定拉伸方式,並設定中心點,然後修改其寬度(注意修改寬度的時機是修改了拉伸方式和中心點之後),如下

此時我們發現,物品往左移動了

當然,這也不是我們想要的效果,所以我們在執行上面操作之前還需要進行乙個操作,把物品的拉伸方式設定為left,privot.x設定為0

(7)將item作為預製體,並刪掉所有item

(8)在shoppanel上新增ui元件,顯示效果如下

python 英雄聯盟購買介面

while true print n t t t英雄 列表 n print 30 print n編號 姓名 暱稱 庫存 描述 n print 1 納爾 迷失之牙 3500 100 叢林不會原諒盲目與無知 n print 2 銳雯 放逐之刃 4000 100 她是殘忍高效的戰士 n print 3 薇...

CSDN英雄會上會英雄

4月6日參加了 csdn的英雄會 這是csdn精心組織的一次及業內專家的聚會,聲勢頗為浩大。早早到達會場,首先遇到的是itpub的葉開同學,葉開是諮詢顧問,給了我很多有益的建議,包括寫作及出版,他的建議使我下定決心再寫一本書,面向另外乙個細分讀者市場。晚一點,見到了fenng,他來北京是帶著一堆任務...

CSDN英雄會上會英雄

4月6日參加了 csdn的英雄會 這是csdn精心組織的一次及業內專家的聚會,聲勢頗為浩大。早早到達會場,首先遇到的是itpub的葉開同學,葉開是諮詢顧問,給了我很多有益的建議,包括寫作及出版,他的建議使我下定決心再寫一本書,面向另外乙個細分讀者市場。晚一點,見到了fenng,他來北京是帶著一堆任務...