<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_pressed="true">
<shape>
<gradient android:startColor="@color/pres1"
android:endColor="@color/pres2" android:angle="270" />
<stroke android:width="5dp" android:color="@color/stro3" />
<corners android:radius="5dp" />
<padding android:left="10dp" android:top="20dp"
android:right="10dp" android:bottom="20dp" />
</shape>
</item>
<item android:state_focused="true">
<shape>
<gradient android:endColor="@color/focu1"
android:startColor="@color/focu2" android:angle="270" />
<stroke android:width="5dp" android:color="@color/stro2" />
<corners android:radius="5dp" />
<padding android:left="10dp" android:top="20dp"
android:right="10dp" android:bottom="20dp" />
</shape>
</item>
<item>
<shape>
<gradient android:endColor="@color/norm1"
android:startColor="@color/norm2" android:angle="270" />
<corners android:radius="5dp" />
<padding android:left="10dp" android:top="20dp"
android:right="10dp" android:bottom="20dp" />
</shape>
</item>
</selector>
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical" android:layout_width="fill_parent"
android:layout_height="fill_parent" android:background="@color/all_white">
<TextView android:layout_width="fill_parent"
android:layout_height="wrap_content" android:text="@string/hello"
android:textColor="@color/all_red" />
<Button android:id="@+id/mq_categories" android:layout_width="fill_parent"
android:layout_height="wrap_content" android:text="Browse Quiz Categories"
android:background="@drawable/custom_button" />
<Button android:id="@+id/mq_random" android:layout_width="fill_parent"
android:layout_height="wrap_content" android:text="Enter Random Quiz"
android:background="@drawable/custom_button" />
</LinearLayout>
你会发现上面的有点别扭 注意修改
<Button android:id="@+id/mq_categories"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="Browse Quiz Categories"
android:background="@drawable/custom_button"
android:layout_marginBottom="5dp"/>
分享到:
相关推荐
1. 圆角矩形:iOS的Button通常是圆角矩形,我们可以通过`canvas.drawRoundRect()`绘制。 2. 高光效果:使用渐变色或者阴影效果来模拟高光。 3. 文字居中:设置文字的对齐方式为居中。 4. 垂直间距:调整文字与...
5. 定制布局:根据设计需求,可能会自定义按钮的尺寸、间距、对齐方式等。 6. 自定义边框:可能提供了调整边框宽度、圆角以及颜色的功能。 7. 状态切换:可能实现了不同状态(如选中、禁用)下的样式变化。 总之...
例如,可以通过`font-size`定义字体大小,`color`定义文字颜色,`background-color`定义背景色,`padding`调整内部间距,`border-radius`设置圆角,`border`定义边框: ```css button { font-size: 16px; color: ...
2. **背景颜色与边框**:`background-color`属性用于设定按钮的背景色,`border`属性用于设定边框,而`border-radius`则可以实现圆角效果,增加视觉吸引力。 3. **文本样式**:`color`属性定义按钮上的文字颜色,`...
5. **自定义字体和排版**:调整字体、行高和字母间距,使按钮的文字更易读且更具个性。 总结,自定义HTML+CSS按钮样式是一种展示网页设计技巧和创新思维的方式。通过理解和掌握这些基本原理,你可以创造出符合品牌...
/* 图标与文本之间的间距 */ font-weight: 900; /* 选择图标字体的权重 */ } ``` 五、响应式按钮 为了让按钮在不同设备上看起来良好,可以使用媒体查询实现响应式设计: ```css @media (max-width: 600px) { ...
YLButton则解决了这个问题,开发者可以通过设置不同的属性来决定文字和图片在按钮中的布局,比如可以将文字放在图片上方、下方、左方或右方,甚至可以设置它们之间的间距。 在"YLButton-master"压缩包中,我们通常...
按钮的样式和颜色可以参考iOS的设计规范,保持简洁、圆角和适当的间距。 2. **自定义Dialog类**: 创建一个继承自DialogFragment的类,这将作为自定义Dialog的基础。在这个类中,你需要重写`onCreateDialog()`方法...
标题 "css3-button" 暗示我们关注的是CSS3在创建按钮(button)方面的应用。CSS3是层叠样式表的第三版,它引入了许多新的功能和改进,使得网页设计更加丰富多彩,尤其是在按钮设计上提供了更多的可能性。下面将详细...
6. **按钮**:为对话框添加确认和取消按钮,可以使用`Button`控件,并通过自定义样式实现Win11的按钮样式。设置`Command`属性来处理用户点击事件。 7. **动画效果**:为了增加用户体验,可以考虑添加淡入淡出、滑动...
在XML布局文件中,我们可以使用`<LinearLayout>`、`<RelativeLayout>`或`<ConstraintLayout>`作为根视图,并添加相应的子视图,例如`<TextView>`用于标题和内容,`<Button>`用于操作按钮。 接着,我们需考虑Dialog...
这份“IOS应用源码之Button.rar”压缩包很可能包含了一个简单的iOS项目,该项目专注于按钮的使用和自定义。下面将详细讨论iOS应用中关于UIButton的相关知识点。 1. UIButton类型: iOS中的按钮有多种类型,如:...
9. **自定义图形**:使用CSS的`before`和`after`伪元素以及内容属性(`content`),可以添加自定义图形,如图标或箭头,增强按钮的视觉效果。 10. **响应式设计**:通过媒体查询(`media queries`),我们可以根据...
4. **尺寸**:`width`和`height`可以控制按钮的尺寸,而`padding`则可以增加内边距,使文字与边框之间有适当的间距。 5. **状态转换**:CSS3引入了`:hover`、`:active`和`:focus`伪类,用于改变鼠标悬停、按下和...
/* 与周围元素的间距 */ cursor: pointer; /* 鼠标悬停时的指针样式 */ border-radius: 4px; /* 圆角 */ } ``` 以上代码将按钮改为了绿色背景,白色文字,圆角边框,并且有适当的内边距和字体大小。我们还可以为...
通过修改此文件,你可以自定义博客的外观,如改变背景色、文字样式或元素间距,使其符合个人偏好。 2. **ie_fixes.css**:这个文件专门用于解决Internet Explorer浏览器的兼容性问题。由于早期版本的IE对CSS支持...
首先,确定每列的数量(totalLoc,这里为3),然后计算每个按钮的宽度(W)和高度(H),以及它们之间的间距(margin)。接着,遍历titlesArr数组,对于每个元素,创建一个UIButton,设置其标题、背景图片、文字颜色...
9. **自定义形状**:通过`border-radius`可以创建圆角按钮,甚至利用剪切蒙版或伪元素技巧实现非标准形状的按钮。 10. **CSS预处理器**:如Sass和Less等预处理器能简化CSS编写,提高代码可维护性和复用性。它们支持...
它不仅可以显示文本,还可以设置背景图像,通过自定义样式和主题来改变其外观。Button的常见用法包括设置点击事件监听器(OnClickListener)以执行特定操作,以及使用XML属性(如android:text、android:onClick等)...