仿支付寶刮刮樂效果, 可以按照自己需求更改展示刮出來的效果的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...