1. 程式人生 > >UIButton 設定圖片和文字上下居中顯示

UIButton 設定圖片和文字上下居中顯示

在很多的應用中,按鈕(UIButton)是經常用到的控制元件,在按鈕上顯示各式各樣的樣式,其中預設是圖片居左,文字居右。而很多情況下,為了按鈕美觀,都會重定義按鈕,設定為圖片居上,文字居下。方式為:

    
//調整圖片和文字上下顯示
    focusBtn.contentHorizontalAlignment = UIControlContentHorizontalAlignmentCenter;//使圖片和文字水平居中顯示
    [focusBtn setTitleEdgeInsets:UIEdgeInsetsMake(focusBtn.imageView.frame.size.height ,-focusBtn.imageView.frame.size.width, 0.0,0.0)];//文字距離上邊框的距離增加imageView的高度,距離左邊框減少imageView的寬度,距離下邊框和右邊框距離不變
    [focusBtn setImageEdgeInsets:UIEdgeInsetsMake(-focusBtn.imageView.frame.size.height, 0.0,0.0, -focusBtn.titleLabel.bounds.size.width)];




相關推薦

UIButton 設定圖片文字上下居中顯示

在很多的應用中,按鈕(UIButton)是經常用到的控制元件,在按鈕上顯示各式各樣的樣式,其中預設是圖片居左,文字居右。而很多情況下,為了按鈕美觀,都會重定義按鈕,設定為圖片居上,文字居下。方式為:

iOS UIButton 圖片文字上下居中

CGSize size1 = [titileArr[i] sizeWithFont:[UIFontsystemFontOfSize:12] constrainedToSize:CGSizeMake(

div css 圖片文字上下居中對齊

log ima 圖片 lin 效果 ges 馬克思 pos 需要 想要圖片和文字水平居中對齊很容易,可今天做這個樹的時候,遇到了要將圖片上下居中.這下就不知道怎麽搞. 拿手冊看也看不出所以然來,不同的瀏覽器對DIV的支持不一個,目前最好的瀏覽器是Firefox.

測試圖片文字上下居中

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>測試圖片隨文字上下居中</title> </head> &l

UIButton圖片文字相對位置調整

通常,如果直接設定UIButton的圖片和文字,預設的兩者相對位置可能不是我們想要的,那麼需要進行調整。 需要用到的函式如下: UIEdgeInsetsMake(CGFloat top, CGFloat left, CGFloat bottom, C

UIButton圖片文字的位置調整

      UIButton 上預設是圖片在左文字在右,而大多數情況這樣預設的的顯示形式都不能滿足我們的需求,接下來我就這個問題分享一下我的心得。       預設情況下,不設定的效果,都是居中實現     UIButton *button = [UIButton buttonWithType:UIButt

iOS經典講解之UIButton改變圖片文字的位置

作者:劉新林 UIButton的image和titleLabel是靠在一起居中顯示的,預設image在左,titleLabel在右,但是有些情況要求兩者交換位置顯示,可以通過 @property(nonatomic) UIEdgeInsets i

圖片文字垂直居中-flex佈局

因為float和position用的比較熟,所以flex只是瞭解了一下,基本不用。但是今天發現了flex在處理圖片和文字對齊方便真是超爽der~ 1.需求 就是一個盒子裡面,圖片和文字垂直居中 2.慣用套路 我之

一句話搞定UIButton圖片文字的位置。

為了解決UIButton的圖片和文字位置問題,往往大費周章的去試。浪費時間,這裡寫了一個分類直接一句話就可以完成你想要的四個位置。程式碼可點選獲取程式碼連結 注意:先保證UIButton的大小足夠裝下

【IOS實戰】UIButton 設定圖片文字垂直居中排列

大道至簡,直接上程式碼 -(void)setButtonContentCenter:(UIButton *) btn {     CGSize imgViewSize,titleSize,btnSize;     UIEdgeInsets imageViewEdge,ti

Qt學習筆記:QLabel同時顯示圖片文字

環境 系統:Windows10 64位 家庭中文版 Qt版本:5.6.0 msvc2013 64位 編譯器:Visual Studio 2013 專業版 前言 QLabel是Qt自帶的一個顯示用控制元件,可以用來顯示圖片和文字。其使用也非常方便:用setPixmap(cons

QT 中設定按鈕圖片文字的兩種方法

1.使用QpushButton自帶的API實現: void setIcon(const QIcon &icon) void setText(const QString &text) 該方法使用了自帶的函式設定,缺點是無法自由調整圖示和文字之間的間距 2.使用Qlabel和佈局

ASP.NET中利用DataGrid控制元件顯示圖片以及在圖片文字上加超連結

資料表:     介面程式碼:                  <asp:DataGrid ID="DataGrid1" runat="server" AutoGenerateColumns="False" BorderWidth="0px"  PageSiz

圖片文字居中對齊的方法

如果一個盒子有2列或者3列排列,有圖片,有文字,怎麼實現文字始終對齊圖片的中間位置呢? 方法就是使用vertical-align:middle;也就是給一列都使用這個屬性,需要注意的是:這個屬性只對行內元素起作用,如果不是行內元素要加上diaplay:inli

自定義控制元件讓TextView、Button的drawableLeftdrawableRight與文字一起居中顯示

TextView的drawableLeft、drawableRight和drawableTop是一個常用、好用的屬性,可以在文字的上下左右放置一個圖片,而不使用更加複雜佈局就能達到,我也常常喜歡用Ra

CSS控制圖片文字在同一行顯示且對齊的3種方法

“vertical-align:middle” 對display:inline-block有用 一般應用:圖示  文字 一行顯示,文字多的,圖示和文字居中顯示的 .s-li{width:100%;font-size:0px;} .s-i{display:inline-blo

自定義控制元件讓TextView(Radiobutton)、Button的drawableLeftdrawableRight與文字一起居中顯示

TextView的drawableLeft、drawableRight和drawableTop是一個常用、好用的屬性,可以在文字的上下左右放置一個圖片,而不使用更加複雜佈局就能達到,我也常常喜歡用RadioButton的這幾個屬性實現很多效果,但是苦於不支援讓drawbl

C# TreeView顯示圖片文字對應

首先在工具欄中拖出TreeView和ImageList並在ImageList中新增圖片 this.treeView1.ShowLines = false; this.treeView1.ShowPlusMinus = false; this.treeVie

TextView的drawableLeft與文字一起居中顯示(以及程式碼設定drawableLeft)

網上一搜全是自定義控制元件,其實去看看TextView的屬性,就能發現,解決這個問題,直接xml檔案中就能搞定,程式碼如下: <!-- 不明白的屬性請自行查閱資料--> <TextView android:id="@+id/tv_finish"

關於圖片文字在一行顯示時,文字的垂直方向位置的設定

對於img標籤中的verticle-align的屬性值只是為了去除其預設的屬性-baseline,其預設為基線對齊即圖片底層對齊,只要將其屬性值設為其他值,就可以對文字進行豎直方向的 位置設定,一般設定其line-height屬性,(在這之前要對行屬性標籤轉為在一行顯示的