1. 程式人生 > >登入介面動畫

登入介面動畫

程式碼部分

@interface LoginViewController ()

@property (strong,nonatomic)UITextField *nameTextField;

@property (strong,nonatomic)UITextField *pwdTextField;

@property (strong,nonatomic)UIButton *button;

@end

@implementation LoginViewController

- (void)viewDidLoad {

    [superviewDidLoad];

    [

self.viewsetBackgroundColor:[UIColorwhiteColor]];

CGSize size = [UIScreenmainScreen].bounds.size;

    CGFloat w = size.width -100;

    CGFloat h = 40;

    CGFloat x = (size.width - w) /2 - size.width;

    CGFloat y = 100;

self.nameTextField = [selfgetTextField:CGRectMake(x, y, w, h)placeholder:@"

請輸入登入名"];

    y = CGRectGetMaxY(self.nameTextField.frame) +20;

self.pwdTextField = [selfgetTextField:CGRectMake(x, y, w, h)placeholder:@"請輸入登入密碼"];

    w = 200;

    x = (size.width - w) / 2;

    y = CGRectGetMaxY(self.pwdTextField.frame) +20 + size.height;

    self.button = [selfgetButton:CGRectMake

(x, y, w, h)];

    //主要部分

    [UIViewanimateWithDuration:1.0delay:0options:UIViewAnimationOptionCurveLinearanimations:^{

        CGRect frame1 = self.nameTextField.frame;

        frame1.origin.x += size.width;

        [self.nameTextFieldsetFrame:frame1];

        [UIViewanimateWithDuration:1.0delay:1.0options:UIViewAnimationOptionCurveLinearanimations:^{

            CGRect frame2 = self.pwdTextField.frame;

            frame2.origin.x += size.width;

            [self.pwdTextFieldsetFrame:frame2];

        } completion:^(BOOL finished) {

            [UIViewanimateWithDuration:1.0delay:0usingSpringWithDamping:0.8initialSpringVelocity:0options:UIViewAnimationOptionCurveLinearanimations:^{

                CGRect frame = self.button.frame;

                frame.origin.y -= size.height;

                self.button.frame = frame;

            } completion:nil];

        }];

    } completion:^(BOOL finished) {

    }];

}

-(UIButton *)getButton:(CGRect)frame

{

UIButton *button = [UIButtonbuttonWithType:UIButtonTypeCustom];

    [button setBackgroundColor:[UIColorredColor]];

    [button setTitle:@"Login"forState:UIControlStateNormal];

    [button setFrame:frame];

    [button.layer setCornerRadius:10];

    [self.viewaddSubview:button];

    return button;

}

-(UITextField *)getTextField:(CGRect)frame placeholder:(NSString *)placeholder

{

    UITextField *textField = [[UITextFieldalloc]initWithFrame:frame];

    [textField setPlaceholder:placeholder];

    [textField.layersetCornerRadius:10];

    [textField.layer setBorderWidth:1.0];

    [textField.layersetBorderColor:[UIColorlightGrayColor].CGColor];

    [textField setTextAlignment:NSTextAlignmentCenter];

    [self.viewaddSubview:textField];

    return textField;

}


相關推薦

登入介面動畫

程式碼部分 @interface LoginViewController () @property (strong,nonatomic)UITextField *nameTextField; @property (strong,nonatomic)UITex

iOS 自動記住密碼的登入介面 動畫

登入介面,很簡單的一個介面,幾乎每個app 都有,都大同小異;之前寫的都是靜態的,沒怎麼動過,看了支付寶 賬號右邊的圖可以旋轉,我想我也試試這個動畫效果;先看效果圖: 右邊的 小動畫 ;旋轉 180,大家都會;我這邊利用圖形的二維矩陣旋轉變化得到: 開啟

CSS3動畫實現登入介面

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>一款很漂亮的CSS3登入介面</title>

實現APP進入登入介面之前的動畫效果

在我模仿一個APP的時候,我發現在進入登入介面之前有一個動畫,在我看了這個demo之後,我知道了如何實現,就寫下了這篇博文。 首先,需要找一張圖片來充當該動畫的背景 <?xml version="1.0" encoding="utf-8"?&g

Android 開發:(三)安卓常用控制元件以及仿《微門戶》登入介面實現

一、常用控制元件: 1、文字類控制元件 TextView 負責展示文字,非編輯 EditText 可編輯文字控制元件 2、按鈕類控制元件 Button 按鈕 ImageButton 圖片按鈕 RadioButton與RadioGroup 單

Linux登入迴圈:輸入密碼登入後閃一下又回登入介面

① .Xauthority問題,請百度 ② 請檢查你的>>環境變數<< 在登入介面嘗試CTRL+ALT+F[1~7]各種快捷鍵,直到進入熟悉的命令列介面 如果普通使用者連ls、sudo之類的命令都壞了的話用root使用者 環境變數檔案在這裡 /

一個較完整的Qt登入介面設計

正在學習Qt,做了一個登入介面程式,用資料庫儲存使用者名稱和密碼,可以增加和刪除使用者,為新人學習提供小小幫助。 直接上圖了。 1.登入介面 2主介面 3.增加使用者介面 4.整體介面 整體來講登入介面的功能都有了,比較簡單。 程式碼地址:http

Smobiler實現美觀登入介面——C# 或.NET Smobiler例項開發手機app(二)

目錄 一、 本文目標 二、 準備工作 1、 資料庫 2、 材料 三、 介面佈局 1、設定控制元件的屬性值 (1) 輸入框 (2) 圖片屬性 (3) HandElectricity的標題的label屬性 (4)登入按鈕 (5)版權申明  (

登入介面更換驗證碼圖片

來自森大科技官方部落格 http://www.cnsendblog.com/index.php/?p=88 生成驗證碼的程式碼放在單獨的檔案VerifyCode.aspx,“看不清,換一張”是超連結,對應程式碼如下:<A href="javascript:document.getElementById

關於ysdk微信掃碼登入介面消失後黑屏的問題

問題描述:遊戲接入1.4.2版本ysdk後新增微信掃碼登入功能,然後出現k微信掃碼登入介面消失後黑屏的問題,檢視遊戲執行日誌,顯示回撥到登入成功,微信登入票據也獲取到了,然鵝,遊戲介面卻沒有返回   1.4.2版本微信掃碼登入功能,mainactivity launchmode改為

linux登入介面 停留

剛才啟動的時候發現介面一直停留在登入介面,然後查閱資料得知可能是環境變數的原因 然後ctrl+alt+f3,輸入使用者和密碼進入字元介面,修改環境變數。 驚喜地發現一堆指令無法使用,包括vi,應該也是環境變數的問題 正常情況下能使用vi是因為PATH中包含了vi的路徑,此時直接輸入PAT

android 設計比較美觀的登入介面

登入介面的展示效果大概如此   一、編寫activity_main.xml檔案。程式碼如下: <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.

ubantu系統修改許可權失敗,導致只能客人會話登入解決辦法 ubantu系統出現登入介面死迴圈處理辦法 ubantu系統出現登入介面死迴圈處理辦法

由於之前想將使用者授予root許可權,參考了網上的修改“使用者名稱:x:0:500:tommy:/home/tommy:/bin/bash”,將兩個1000改為0的辦法,可能是因為沒有登出,導致切換使用者後,只能進入到客人會話模式。並且悲催地忘了root密碼,於是下面介紹一下自己的拯救辦法: 第一步:關閉“

ubantu系統出現登入介面死迴圈處理辦法 ubantu系統修改許可權失敗,導致只能客人會話登入解決辦法

繼上篇ubantu系統修改許可權失敗,導致只能客人會話登入解決辦法部落格,雖然進行了相應的修改,但是卻出現了登入死迴圈情況,於是再次進行修改。 第一步:“ctrl+Alt+F1”進入命令列介面,輸入使用者名稱+密碼,登陸進去。 第二步:這次應該是按照以前的辦法輸入“startx”命令,但是出現了“ti

PYQT5登入介面跳轉主介面方法

該問題,有很多種方法,但是很多方法要麼這個有問題,要麼那個有問題,最後終於找到一種沒問題的方法。記錄一下: 參考地址:https://www.jianshu.com/p/d18ff36a78d6?from=singlemessage   Login.py(登入視窗)檔案 import

Flutter系列:2.實現一個簡單的登入介面

前言 上一篇文章Flutter系列:1.開發環境配置已經配置好了基本的開發環境,那麼這篇將直入主題,實現一個簡單的登入頁面,實現輸入使用者名稱密碼點選登入後驗證輸入有效性,模擬呼叫api登入,最終彈窗提示登入成功。 本示例程式碼在這裡Github. tips: 在開始前,你應該快

Day 08 登入介面(未完善)

database = {"": ""}while True: choice = int(input("網站登入介面\n1:登入\n2:註冊\n3:退出\n請選擇:")) if choice == 1: print("歡迎來到登入介面") name = input("請輸

python中的flask框架寫簡單的登入介面

flask框架和css的應用 實現的環境: windows環境 eclipse下的pydev pip3 install flask jinja2 步驟一:首先建立一個web.py # -*- coding:utf-8 -*- ''' Created

python基礎程式設計:登入介面

使用Python實現簡單的登入介面,完成如下要求: 1.註冊,不可註冊兩個相同的使用者名稱 2.登入,使用者名稱和密碼都匹配成功 3.退出 dict1 = {} def zhuce(): print('使用者名稱:',end='') name = input()

虛擬機器上LINUX開機輸入密碼後回車,閃下黑屏,又回到登入介面了,不能進系統

經過資料查閱,下面將修復方法總結如下: 因為/etc/profile這個檔案一但被錯誤設定就會導致系統不能登陸,所以最終的解決方案就是修改這個檔案,然後重啟系統。步驟如下:   1:在啟動介面(出現3.2.1....時)輸入:e 回車進入-》選擇介面再