一框一數字效果實現

2021-09-24 08:21:36 字數 1039 閱讀 4079

乙個框乙個數字,很多驗證碼都用這種效果。這次我們專案裡面的車牌號也是類似效果,所以自己做了乙個簡單的封裝~

乙個隱藏的textfield+多個textfield

//初始化,frame(位置座標和大小),textnum(幾個數字框),space(框間距)

self.textfieldsview = [[zttextfieldsview alloc] initwithframe:cgrectmake(50, 100, (self.view.frame.size.width - 50*2), 80)

textnum:5

space:5];

[self.view addsubview:self.textfieldsview];

//調起鍵盤

[self.textfieldsview becomefirstresponder];

//鍵盤消失

[self.textfieldsview resignfirstresponder];

//設定小文字框圓角

self.textfieldsview.cornerradius = 10;

//設定小文字框字型

self.textfieldsview.font = [uifont boldsystemfontofsize:16];

//設定小文字框的placeholder。

self.textfieldsview.placeholder = @"這有五個字";

//設定小文字框的bordercolor

self.textfieldsview.bordercolor = [uicolor redcolor];

//設定小文字框的borderwidth

self.textfieldsview.borderwidth = 0.5;

//設定小文字框的textcolor

self.textfieldsview.textcolor = [uicolor bluecolor];

複製**

React Native陰影框效果實現

react native實現陰影框方法如下圖,下面分別對其進行討論 rn陰影實現.png rn自帶陰影 rn提供了陰影樣式屬性,但其僅支援ios平台,在android中需要使用elevation屬性實現,但elevation僅提供乙個灰色陰影,視覺效果不好。react native shadow r...

乙個全屏的載入動畫效果實現

如果您曾經訪問過 nicolas zezuka 和 active theory 的出色的設計 你可能已經注意到在顯示新內容之前動感的頁面載入動畫了。這種風格的動畫效果最近非常流行,因此這篇文章想給你帶來一些啟示。這個效果的核心是讓乙個形狀在頁面視窗中動畫顯示並有展示活動的指示。當新內容被載入時,形狀...

一種簡單的CSS翻牌效果實現方式

css翻牌效果在一些活動頁面使用的還是比較多的,目前網上大部分的方案都是使用backface visibility等複雜且相容性差的方案,本文介紹一種非常簡單的方案。以撲克牌的翻轉為例,如果事先準備好下面的兩張 實現的翻轉很簡單,沿y軸翻轉180度的同時更換背景即可 但是直接翻轉180度,數字面呈現...