防支付寶支付 二維碼和條形碼點擊的功能

最近剛上線二維碼的支付功能

產(chǎn)品要求:給我照著支付寶跟微信支付抄!M雷琛:焓 !9酢0墒选!B榫鳌:墼ⅰ!S铡I肼省!6⊙邸?攴铩U蜒场0摺C晔亍!u宸纭BА!;葑摹I骱恪!D於伞H诩怼!G骶唷AQ酢!=诟M舛ⅰ!R砣浮1ス丁!@窃āO浒尽!6陲薄L沟堋!

支付的話官地,可能會涉及一些比較隱私的東西酿傍,這篇文章不會去詳細說明,本篇文章主要要說的是 二維碼點擊以及條形碼點擊的效果(已經(jīng)封裝好了驱入,一拖即用)

展示一下效果圖(項目只能真機赤炒,就沒有截取GIF了)

A6B6595E247755FF32BB58A86662BE0D.png
5123AAE96EEE25E0BBEA7BA709FC2606.png
EF0C2717959A6ADEC6132F52AACFFE41.png

--------------------------------分割線------------------------------

具體的需求:
1、點擊二維碼中心放大亏较,再次點擊莺褒,中心縮小至原來的尺寸
2、點擊條形碼雪情,旋轉(zhuǎn)橫屏放大遵岩,并顯示條形碼編號

需求就是這樣,分析一下,也不是很難尘执,主要就是動畫的東西舍哄。
1、對于二維碼點擊方法和縮小
①首先要考慮一下誊锭,直接放大縮小表悬,會很難看,而且也不便于后期修改(主要怕產(chǎn)品又要修改)丧靡。所以蟆沫,我們在放大的時候,我們可以添加一個白色的iamgeView温治,覆蓋整個屏幕饭庞,再在這個iamgeView上面,添加一個小的imageView熬荆,用于加載二維碼但绕,這就需要傳一個image進去。
(這個背景圖需要加載window上面)

//當(dāng)前imageview的圖片
    UIImage *image = currentImageview.image;
    //當(dāng)前視圖
    UIWindow *window = [UIApplication sharedApplication].keyWindow;
    //背景
    UIView *backgroundView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, [UIScreen mainScreen].bounds.size.width, [UIScreen mainScreen].bounds.size.height)];

放大的動畫

 //動畫放大所展示的ImageView
    
    [UIView animateWithDuration:0.4 animations:^{
//        CGFloat y,width,height;
//        y = ([UIScreen mainScreen].bounds.size.height - image.size.height * [UIScreen mainScreen].bounds.size.width / image.size.width) * 0.5;
//        //寬度為屏幕寬度
//        width = [UIScreen mainScreen].bounds.size.width;
//        //高度 根據(jù)圖片寬高比設(shè)置
//        height = image.size.height * [UIScreen mainScreen].bounds.size.width / image.size.width;
        [imageView setFrame:CGRectMake(0, 0, oldframe.size.width * 1.2, oldframe.size.height *1.2)];
    
        imageView.center =backgroundView.center;
        //重要惶看! 將視圖顯示出來
        [backgroundView setAlpha:1];
    } completion:^(BOOL finished) {
        
    }];

2捏顺、條形碼的思路如上,也就是動畫不同纬黎,具體可以查看代碼

具體的使用

#pragma mark - ****************  手勢觸發(fā)事件  ****************
- (void)qrTapAction {
    NSLog(@"點擊二維碼");
    [LPScanImageView scanBigImageWithImageView:self.QRCodeImgView];
}

- (void)barCodeTapAction {
    NSLog(@"點擊條形碼");
    [LPScanImageView scanBarCodeImageWithImageView:barCodeBgView barcode:self.QRCode];
}

具體代碼已經(jīng)貼在github上面幅骄,求start
https://github.com/bommmmmmm/LPScanImageViewAnimation.git

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市本今,隨后出現(xiàn)的幾起案子拆座,更是在濱河造成了極大的恐慌,老刑警劉巖冠息,帶你破解...
    沈念sama閱讀 216,692評論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件挪凑,死亡現(xiàn)場離奇詭異,居然都是意外死亡逛艰,警方通過查閱死者的電腦和手機躏碳,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,482評論 3 392
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來散怖,“玉大人菇绵,你說我怎么就攤上這事≌蚓欤” “怎么了咬最?”我有些...
    開封第一講書人閱讀 162,995評論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長欠动。 經(jīng)常有香客問我永乌,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,223評論 1 292
  • 正文 為了忘掉前任翅雏,我火速辦了婚禮硝桩,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘枚荣。我一直安慰自己,他們只是感情好啼肩,可當(dāng)我...
    茶點故事閱讀 67,245評論 6 388
  • 文/花漫 我一把揭開白布橄妆。 她就那樣靜靜地躺著,像睡著了一般祈坠。 火紅的嫁衣襯著肌膚如雪害碾。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,208評論 1 299
  • 那天赦拘,我揣著相機與錄音慌随,去河邊找鬼。 笑死躺同,一個胖子當(dāng)著我的面吹牛阁猜,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播蹋艺,決...
    沈念sama閱讀 40,091評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼剃袍,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了捎谨?” 一聲冷哼從身側(cè)響起民效,我...
    開封第一講書人閱讀 38,929評論 0 274
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎涛救,沒想到半個月后畏邢,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,346評論 1 311
  • 正文 獨居荒郊野嶺守林人離奇死亡检吆,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,570評論 2 333
  • 正文 我和宋清朗相戀三年舒萎,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片蹭沛。...
    茶點故事閱讀 39,739評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡逆甜,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出致板,到底是詐尸還是另有隱情交煞,我是刑警寧澤,帶...
    沈念sama閱讀 35,437評論 5 344
  • 正文 年R本政府宣布斟或,位于F島的核電站素征,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜御毅,卻給世界環(huán)境...
    茶點故事閱讀 41,037評論 3 326
  • 文/蒙蒙 一根欧、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧端蛆,春花似錦凤粗、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,677評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至呆躲,卻和暖如春异逐,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背插掂。 一陣腳步聲響...
    開封第一講書人閱讀 32,833評論 1 269
  • 我被黑心中介騙來泰國打工灰瞻, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人辅甥。 一個月前我還...
    沈念sama閱讀 47,760評論 2 369
  • 正文 我出身青樓酝润,卻偏偏與公主長得像,于是被迫代替她去往敵國和親璃弄。 傳聞我的和親對象是個殘疾皇子袍祖,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,647評論 2 354

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,082評論 25 707
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫、插件谢揪、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 12,095評論 4 62
  • 一蕉陋,觸動心靈的句子 被人嫉妒是一種幸福 黎明前的顏色是黑暗的,這是可怕的真理拨扶。 ...
    大啊大的閱讀 2,973評論 1 4
  • 關(guān)于故鄉(xiāng)凳鬓,是地圖上一個小點 但攤開了,仍有萬千的物件 譬如:云彩患民,空曠里四處奔跑 太陽缩举,在一群野雞背上擱淺 譬如鄉(xiāng)...
    大江翻騰神曳煙閱讀 145評論 0 0
  • 五月, 藏一縷春光入懷匹颤, 然后仅孩, 靜靜地等待, 那芬芳盈袖印蓖, 那彩蝶飛來辽慕。
    大毛愣星閱讀 433評論 1 0