如何自定义android Button样式

Posted 2023-04-13

  在windows7操作系统Android studio中按照如下方法定义button的样式。

1、首先使用Android studio创建一个项目，项目结构如下：

2、依次打开，res-->values-->style文件，如下图：

3、在该文件中添加一个style，包括属性名和属性，如下图：

4、在xml布局中使用style样式，如下图：

参考技术A 在layout中添加2个按钮，从下图中可以看出在按钮中调用了style和android:background属性，这两个属性一个是自定义样式，一个是给按钮添加背景图片，下面详细介绍下

展开res目录，可以看到在values目录下有styles.xml文件，该文件用于自定义样式，双击打开

下图中标注的是我自定义的样式，name为BtnStyle，当按钮调用自定义样式的时候访问这个name

因不同手机分辨率不同，那必然牵扯到图片的拉伸，在android系统下有个很好的技术“九宫格“，可以对图片进行处理，只对局部进行拉伸，给工具目录存储在android\sdk\tools\draw9patch.bat，经过该工具处理的图片以.9.png结尾，放到drawable文件夹中 参考技术B resources中添加
<resources xmlns:android="http://schemas.android.com/apk/res/android">

<style name="button_style">
<item name="android:textSize">30px</item>
<item name="android:textColor">#1110CC</item>
<item name="android:width">150dip</item>
<item name="android:height">150dip</item>
</style>
</resources>

Button使用
<Button android:id="@+id/button1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/button_style"
>
</Button>本回答被提问者采纳

自定义开发样式规范（不断更新）

*{margin:0;padding:0}
button,input,optgroup,select,textarea {  color: inherit;  font: inherit;  margin: 0;}
button,html input[type="button"],input[type="reset"],input[type="submit"] {  -webkit-appearance: button;  cursor: pointer;}
html {  -ms-text-size-adjust: 100%;  -webkit-text-size-adjust: 100%;    font: 400 14px/1.5 Arial, "Lucida Grande", Verdana, "Microsoft YaHei", hei;}
body {  margin: 0;  font-size: 14px;  line-height: 1.5;  background-color: #efefef;  overflow-x: hidden;  -webkit-overflow-scrolling: touch;}
img {  border: 0;  vertical-align: middle;}
a {  background: transparent;  text-decoration: none;  -webkit-tap-highlight-color: transparent;  color: #00b358;}
a:active {  outline: 0;}
ul li{list-style: none;}
input {  line-height: normal;}
input:focus {  outline: 0 none;}
table {  border-collapse: collapse;  border-spacing: 0;}
input::-moz-placeholder,textarea::-moz-placeholder {  color: #ccc;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {  color: #ccc;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {  color: #ccc;}
/*去掉chrome记住密码后自动填充表单的黄色背景*/
input : -webkit-autofill {background-color : #FAFFBD ;    background-image : none ;    color : #000 ;}
/*基础样式*/
.pull_left{float: left;}
.pull_right{float: right;}
.width_full{width: 100%;overflow: hidden;}
.display_center{display: block; margin-left: auto; margin-right: auto;}
/*文字排列方式*/
.text_left{text-align: left;}
.text_center{text-align: center;}
.text_right{text-align: right;}
.text_justify{text-align:justify;text-justify:inter-ideogra}
/*清浮动*/
.clear_fix:after{clear:both;display:table;content:"";}
/*文字溢出省略号显示*/
/*单行文本*/
.inaline{white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
/*多行文本*/
.intwoline {display: -webkit-box !important;overflow: hidden; text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;
-webkit-line-clamp: 2; /*多少行*/ }
/*公用样式设置*/
.base_width{width:98%; margin-left: auto; margin-right: auto; display: block;}
.box{overflow:hidden;}

.p10 {padding: 10px;}
.p15 {padding: 15px;}
.p20 {padding: 20px;}

.pt10 {padding-top: 10px;}

.pr0 {padding-right: 0;}
.plr0 {padding-left: 0;    padding-right: 0;}
.plr10 {padding-left: 10px;  padding-right: 10px;}

.mt5  {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 15px;}

.mb10 {margin-bottom: 10px;}

.ml5  {margin-left: 5px;}
.ml10 {margin-left: 10px;}
.ml15 {margin-left: 15px;}

.mr15 {margin-right: 15px;}

.mlr10 {margin-left: 10px;  margin-right: 10px;}
.mtb10 {margin-top: 10px 0px;}