`
wang_peng1
  • 浏览: 3958932 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

自定义圆角button上下间距问题

阅读更多
<?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"/>

 

分享到:
评论

相关推荐

    自定义仿IOSButton

    1. 圆角矩形:iOS的Button通常是圆角矩形,我们可以通过`canvas.drawRoundRect()`绘制。 2. 高光效果:使用渐变色或者阴影效果来模拟高光。 3. 文字居中:设置文字的对齐方式为居中。 4. 垂直间距:调整文字与...

    自定义button

    5. 定制布局:根据设计需求,可能会自定义按钮的尺寸、间距、对齐方式等。 6. 自定义边框:可能提供了调整边框宽度、圆角以及颜色的功能。 7. 状态切换:可能实现了不同状态(如选中、禁用)下的样式变化。 总之...

    button按钮样式美化

    例如,可以通过`font-size`定义字体大小,`color`定义文字颜色,`background-color`定义背景色,`padding`调整内部间距,`border-radius`设置圆角,`border`定义边框: ```css button { font-size: 16px; color: ...

    好看的button样式CSS

    2. **背景颜色与边框**:`background-color`属性用于设定按钮的背景色,`border`属性用于设定边框,而`border-radius`则可以实现圆角效果,增加视觉吸引力。 3. **文本样式**:`color`属性定义按钮上的文字颜色,`...

    「HTML+CSS」--自定义按钮样式【002】

    5. **自定义字体和排版**:调整字体、行高和字母间距,使按钮的文字更易读且更具个性。 总结,自定义HTML+CSS按钮样式是一种展示网页设计技巧和创新思维的方式。通过理解和掌握这些基本原理,你可以创造出符合品牌...

    CssButton按钮样式

    /* 图标与文本之间的间距 */ font-weight: 900; /* 选择图标字体的权重 */ } ``` 五、响应式按钮 为了让按钮在不同设备上看起来良好,可以使用媒体查询实现响应式设计: ```css @media (max-width: 600px) { ...

    swift-YLButton自定义按钮文字图片位置随意定制

    YLButton则解决了这个问题,开发者可以通过设置不同的属性来决定文字和图片在按钮中的布局,比如可以将文字放在图片上方、下方、左方或右方,甚至可以设置它们之间的间距。 在"YLButton-master"压缩包中,我们通常...

    自定义Dialog仿ios弹出底部菜单

    按钮的样式和颜色可以参考iOS的设计规范,保持简洁、圆角和适当的间距。 2. **自定义Dialog类**: 创建一个继承自DialogFragment的类,这将作为自定义Dialog的基础。在这个类中,你需要重写`onCreateDialog()`方法...

    css3-button.

    标题 "css3-button" 暗示我们关注的是CSS3在创建按钮(button)方面的应用。CSS3是层叠样式表的第三版,它引入了许多新的功能和改进,使得网页设计更加丰富多彩,尤其是在按钮设计上提供了更多的可能性。下面将详细...

    Net MAUI 自定义仿Win11对话框

    6. **按钮**:为对话框添加确认和取消按钮,可以使用`Button`控件,并通过自定义样式实现Win11的按钮样式。设置`Command`属性来处理用户点击事件。 7. **动画效果**:为了增加用户体验,可以考虑添加淡入淡出、滑动...

    自定义Dialog样式

    在XML布局文件中,我们可以使用`&lt;LinearLayout&gt;`、`&lt;RelativeLayout&gt;`或`&lt;ConstraintLayout&gt;`作为根视图,并添加相应的子视图,例如`&lt;TextView&gt;`用于标题和内容,`&lt;Button&gt;`用于操作按钮。 接着,我们需考虑Dialog...

    IOS应用源码之Button.rar

    这份“IOS应用源码之Button.rar”压缩包很可能包含了一个简单的iOS项目,该项目专注于按钮的使用和自定义。下面将详细讨论iOS应用中关于UIButton的相关知识点。 1. UIButton类型: iOS中的按钮有多种类型,如:...

    Button的CSS样式

    9. **自定义图形**:使用CSS的`before`和`after`伪元素以及内容属性(`content`),可以添加自定义图形,如图标或箭头,增强按钮的视觉效果。 10. **响应式设计**:通过媒体查询(`media queries`),我们可以根据...

    50个css button样式

    4. **尺寸**:`width`和`height`可以控制按钮的尺寸,而`padding`则可以增加内边距,使文字与边框之间有适当的间距。 5. **状态转换**:CSS3引入了`:hover`、`:active`和`:focus`伪类,用于改变鼠标悬停、按下和...

    「HTML+CSS」--自定义按钮样式【003】

    /* 与周围元素的间距 */ cursor: pointer; /* 鼠标悬停时的指针样式 */ border-radius: 4px; /* 圆角 */ } ``` 以上代码将按钮改为了绿色背景,白色文字,圆角边框,并且有适当的内边距和字体大小。我们还可以为...

    蓝色花纹背景导航的个人博客模板_蓝色花纹圆角二栏个人博客黑色.rar

    通过修改此文件,你可以自定义博客的外观,如改变背景色、文字样式或元素间距,使其符合个人偏好。 2. **ie_fixes.css**:这个文件专门用于解决Internet Explorer浏览器的兼容性问题。由于早期版本的IE对CSS支持...

    IOS自定义UIButton九宫格效果

    首先,确定每列的数量(totalLoc,这里为3),然后计算每个按钮的宽度(W)和高度(H),以及它们之间的间距(margin)。接着,遍历titlesArr数组,对于每个元素,创建一个UIButton,设置其标题、背景图片、文字颜色...

    50个CSS超炫丽button样式代码下载

    9. **自定义形状**:通过`border-radius`可以创建圆角按钮,甚至利用剪切蒙版或伪元素技巧实现非标准形状的按钮。 10. **CSS预处理器**:如Sass和Less等预处理器能简化CSS编写,提高代码可维护性和复用性。它们支持...

    android核心控件使用,button 、ListView、TextView

    它不仅可以显示文本,还可以设置背景图像,通过自定义样式和主题来改变其外观。Button的常见用法包括设置点击事件监听器(OnClickListener)以执行特定操作,以及使用XML属性(如android:text、android:onClick等)...

Global site tag (gtag.js) - Google Analytics