iOS 仿支付寶刮刮樂效果

2021-09-07 17:03:12 字數 1400 閱讀 2643

仿支付寶刮刮樂效果, 可以按照自己需求更改展示刮出來的效果的view(即刮開後刮刮樂效果展示)

支付寶裡有個刮刮樂中獎, 和大街小巷裡的類似彩票刮刮樂的效果一樣。

一、實現思路

其實很簡單的三步:

二、程式實現

雖然思路簡單,但是還需要注意:

1. 這兩個控制項的位置切記要相同!

2. 一定要先建立下面的展示刮出來的效果控制項的, 再建立上面的被刮的控制項!

下面就直接上核心**!

展示刮開出來的效果:顯示的文字 label

uilabel *showlabel = [[uilabel alloc] initwithframe:cgrectmake(0, 0, 274, 145)];

showlabel.center = self.view.center;

showlabel.backgroundcolor = [uicolor redcolor];

showlabel.textcolor = [uicolor yellowcolor];

showlabel.text = @"恭喜你中獎了";

showlabel.font = [uifont systemfontofsize:30];

showlabel.textalignment = nstextalignmentcenter;

[self.view addsubview:showlabel];

2. 設定遮擋在外面的image(被刮的)

uiimageview *scratchedimg = [[uiimageview alloc] initwithframe:showlabel.frame];

scratchedimg.image = [uiimage imagenamed:@"scratched"];

[self.view addsubview:scratchedimg];

self.scratchedimg = scratchedimg;

3. 在touchesmoved方法裡面實現操作

- (void)touchesmoved:(nsset*)touches withevent:(uievent *)event
三、壓縮檔案截圖及執行效果

1、壓縮檔案截圖:

2、執行時的截圖

四、其他補充

介面性問題可以根據自己專案需求調整即可, 具體可參考**, 專案能夠直接執行!

ios刮刮卡效果 iOS 仿支付寶刮刮樂效果

支付寶裡有個刮刮樂中獎,和大街小巷裡的類似彩票刮刮樂的效果一樣。一 實現思路 其實很簡單的三步 1.展示刮出來的效果的view 即刮開後刮刮樂效果展示 顯示的文字label 2.設定遮擋在外面的image 被刮的 3.在touchesmoved方法裡面實現操作 刮開獲取文字 二 程式實現 雖然思路簡...

刮刮樂實現android中刮牆效果

最近公司有個新需求,讓實現刮牆效果,說白了,就是刮刮樂,只是我們專案裡面涉及的比較深,不是簡單的新增乙個圖層,它包括底圖,中間層,以及上面的刮牆圖層,在網上找了好久,都木有合適的demo,後來拿來乙個刮刮樂的例子,自己修改了一下。感謝不相識的朋友,放心哈,demo小女子已經修改過了 public c...

canvas實現刮刮樂的效果

很多 上都有刮刮樂的效果,這個呢,也不是很完善,大神們可以多提提意見喲!豌豆拜上 lang en charset utf 8 title canvas style head width 300 height 300 canvas src script var canvas document.quer...