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); 图片在左文字在右,而且整体水平和垂直居中 。比如下面这个图文按钮:
为了最美观一点,可以设置图标与文字间距 。如下图:
设置图片在右文字在左:
设置图片在上,文字在下:
设置图片左对齐:
设置文字右对齐:
设置文字左对齐,图片右对齐: