浮動的表單

2021-08-27 10:52:22 字數 1630 閱讀 7565

本例用uiview動畫實現在編輯表單內容的時候表單上移一段距離的動畫效果,以防止表單內容被彈出的輸入鍵盤遮擋住。我們用inte***ce builder來幫助我們布局,大體的頁面結構是:根檢視上丟乙個uiimageview作為背景;丟乙個uiview作為表單的載體,然後在在這個uiview上新增uitextfield、uibutton等控制項。然後在我們的主控制器中編寫實現**:

viewcontroller.h

#import @inte***ce viewcontroller : uiviewcontroller 

@property (nonatomic,retain) iboutlet uiview *formview;

@property (nonatomic,retain) iboutlet uitextfield *usernametf;

@property (nonatomic,retain) iboutlet uitextfield *passwordtf;

- (ibaction)backgroundbtnclicked:(id)sender;

- (ibaction)registerbtnclicked:(id)sender;

- (ibaction)loginbtnclicked:(id)sender;

-(void)formup; // 表單上移動畫

-(void)formdown; // 表單下移動畫

@end

viewcontroller.m

#import "viewcontroller.h"

@implementation viewcontroller

@synthesize formview,usernametf,passwordtf;

#pragma mark - view life cycle

- (void)viewdidload

- (void)didreceivememorywarning

- (void)dealloc

#pragma mark - button actions

- (ibaction)backgroundbtnclicked:(id)sender

}- (ibaction)registerbtnclicked:(id)sender

- (ibaction)loginbtnclicked:(id)sender

#pragma mark - form actions

// 表單上移

-(void)formup

]; }

}// 表單下移

-(void)formdown

]; }

}#pragma mark - uitextviewdelegate

-(void)textfielddidbeginediting:(uitextfield *)textfield

}-(bool)textfieldshouldreturn:(uitextfield *)textfield

@end

最終實現的效果如下:

css 表單 定位 浮動

1.表單美化 表單元素 input select textarea 獲得焦點的偽類 focus 獲得焦點 input focus 滑鼠懸停 input.sub hover 2.定位 定位使用 要和座標結合起來 座標用於控制位置 x,y x 用left或者right y 用top或者bottom 1 ...

html浮動視窗 表單及表單控制項

html元素 iframe浮動視窗 對框架的補充,框架不能和body共存,而有時候我們恰恰又需要body,形成畫中畫的效果。需求 有時我們需要,在乙個含有的頁面嵌入另外乙個頁面,形成畫中畫的效果。iframe元素 浮動視窗 連線到 a br iframe name iframe1 src width...

浮動 透明 定位 表單

浮動 float left 左浮動 脫離了原有的流程 相當於怎麼說原有的標籤那個位置脫離了 其他標籤可以占有其位置 透明 opacity 0 1 可以是小數 表示透明度 透明度如果是父子結構的標籤 透明度會跟隨父標籤 父標籤設定為透明 那麼子標籤頁也會跟隨透明 定位 有5種值 static預設值 r...