A. button裡面的字怎麼居中啊
關鍵,文字要包含在label標簽中,並設置行高,否則文字會與文本框的頂
端對齊。文本框要設置vertical-align:middle;否則文本框與button頂端對
齊。button中文字垂直居中,要設置高和行高,行高要小於高。
<html>
<head>
<style type='text/css'>
LABEL
{
LINE-HEIGHT: 20px;
HEIGHT: 20px
}
.button
{
font-size:12px;
text-align:center;
padding:0px;
vertical-align:middle ;
line-height:22px;
margin:0px;
Height:26px;
Width:60px;
}
.txt
{
border:1px #6699CC solid;
height:20px;
width:160px;
margin:0px;
vertical-align:middle;
font-size:12px;
padding:0px 2px;
line-height :16px;
}
</style>
</head>
<body>
div中文字,文本框,button按鈕垂直居中對齊方法及的css樣式。
<div class="divPad" style="FONT-SIZE: 12px; HEIGHT: 28px;">
<label>查詢:企業名稱</label><input ID="txt_company"
type="text" class="txt" />
<label>姓名</label><input ID="txt_name"
class="txt" Width="80px" type="text"/>
<input type="button" ID="Button1" value="查找"
class="button" /></div>
</body>
</html>
B. iOS開發 UIButton的基本屬性
Button就是一個按鈕,就是手機界面中可以點擊的那種(點擊之後跳轉入另一個界面)
Button定義時有許多類型可以選擇
一般情況下使用custom屬於自定義型
1、定義一個Button按鈕 (UIButton *按鈕名;) 並且將其定義為自定義類型
2、button的大小 (按鈕名+.frame)
3、button顯示的字體名稱加狀態
(1) 一般使用這三種狀態 ([按鈕名 setTitle: forState:])
參數一:設置按鈕標題(String類型)
參數二:設置按鈕顯示標題時所處的狀態(系統自帶)
(2) 這種定義標題的方式 不常用 (按鈕名+.titleLabel.text)
4、button的背景顏色 (按鈕名+.backgroundColor)
5、設置Button的背景圖片
([按鈕名 setBackgroundImage: forState:])
參數一:添加的圖片 參數二:按鈕所處狀態
注意
背景圖像會根據按鈕的尺寸拉伸
按鈕圖像會居中顯示在按鈕中央位置
如果同時設置了按鈕的圖像和文字
按鈕區域足夠大,會並列顯示圖像和文字
如果區域不夠大,優先顯示圖像
6、 設置Button的title顏色
([按鈕名 setTitleColor: forState:])
參數一:選擇顏色 參數二:按鈕所處的類型
7、 給Button添加點擊事件
([按鈕名 addTarget: action: forControlEvents:])
參數 一: 對象 (self為自身)
參數 二: @selector(點擊事件的方法名稱)
參數 三: 為事件出發的類型 例如touch觸碰,upinside點擊
下面是在ViewDidLoad外面重新定義的一個方法用於點擊了按鈕
點擊事件函數(當按鈕點擊時,運行函數)
一般頁面之間的跳轉,也在點擊函數中添加
8、顯示在當先視圖下
首先是為normal下
高亮狀態下
以上就是按鈕的一些最普通的屬性
謝謝觀看!若是有錯誤,可以私信!謝謝
C. 怎麼將Button上的文字和android:drawableLeft都居中
Button上的android:drawableLeft設置的圖片就是居左,無法和文字一起居中,文字屬性可以通過android:layout_gravity設置居中,想要android:drawableLeft設置的圖片居中,可以通過另外的方法來實現,建議:兩張圖片合二為一,android:drawableLeft設置的圖片直接和按鈕背景圖合到一張圖片上,android:drawableLeft設置的圖片大約位於按鈕背景圖三分之一處(黃金分割點),右側空出文本區域。
D. 如何設置UIButton中image與title在UIButton中居中顯示
自定義一個TabBar,有四個Tab。每個tab均有一個圖片與文字兩部分組成,圖片在上,文字在下,都相對tab左右居中,當然還需要點擊。如果自己寫一個View,裡面放一個UIImageView、UILabel、UIButton(UIGestureRecognizer)。這都是很容易實現的。
但是突然一想,這幾個元素,UIButton本來就就有,UIButton是能直接設置image與title的,那麼把這兩部分,移動一下位置應該就ok了。事實也是如此,但是過程卻讓我有點蛋疼。
設置UIButton的image與title均為設置他們的UIEdgeInsets。這點也沒什麼問題。但是它的UIEdgeInsets與我想的卻不太一樣,這個不一樣如果寫出來,就太麻煩了。就不寫了。下面我就把正確的代碼貼一下:
CGRect titleBounds = tab.titleLabel.bounds;
CGRect imgBounds = tab.imageView.bounds;
UIEdgeInsets imgInsets = UIEdgeInsetsZero;
UIEdgeInsets titleInsets = UIEdgeInsetsZero;
imgInsets.bottom = tab.frame.size.height / 2 - 4;
imgInsets.right = - titleBounds.size.width;
titleInsets.top = tab.frame.size.height / 2 - 4;
titleInsets.left = - imgBounds.size.width;
[tab setImageEdgeInsets:imgInsets];
[tab setTitleEdgeInsets:titleInsets];
註:tab就是一個UIbutton。
按以上的代碼,是能實現這個效果的。
在嘗試的過程中,我發現,UIButton的titlelabel與imageview都是有frame的,我視圖設置他們的frame來實現居中的效果,結果發現,只要點擊後,就會恢復原形(上下結構就變成左右結構了)。非常神奇的效果。不知道怎麼回事兒。
E. iOS 調整UIButton 圖片(imageView)與文字(titleLabel)的位置
UIButton可以同時設置Title和Image,UIButton有兩個屬性:titleEdgeInsets(top,left,bottom,right)和imageEdgeInsets(top,left,bottom,right),通過設置這兩個,就可以實現所有需要的Button的樣式
UIButton 的 默認狀態下imageEdgeInsets = UIEdgeInsetsMake(0,0,0,0);titleEdgeInsets = UIEdgeInsetsMake(0,0,0,0); 圖片在左文字在右,而且整體水平和垂直居中 。比如下面這個圖文按鈕:
為了最美觀一點,可以設置圖標與文字間距 。如下圖:
設置圖片在右文字在左:
設置圖片在上,文字在下:
設置圖片左對齊:
設置文字右對齊:
設置文字左對齊,圖片右對齊: