美文网首页Android词典全程跟踪
Android词典界面布局(一)

Android词典界面布局(一)

作者: 大鱼鱼 | 来源:发表于2020-02-04 15:52 被阅读0次
  • 如何设计一个圆角的button



    如图,需要在res下的drawable中新建一个.xml文件,即图中的button.xml
    编写代码如下:

<?xml version="1.0" encoding="utf-8"?>
    <shape
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:shape="rectangle">
        <!--圆角button-->
        <!-- 填充的颜色为透明色 -->
        <solid android:color="@android:color/transparent" />
        <!-- android:radius 弧形的半径 -->
        <!-- 设置按钮的四个角为弧形 -->
        <corners
            android:radius="10dip" />
        <!--也可单独设置-->
        <!-- <corners -->
        <!-- android:topLeftRadius="10dp"-->
        <!-- android:topRightRadius="10dp"-->
        <!-- android:bottomRightRadius="10dp"-->
        <!--  android:bottomLeftRadius="10dp"-->
        <!--   />  -->
        **设置文字padding**
        <!-- padding:Button里面的文字与Button边界的间隔 -->
        <padding
            android:left="10dp"
            android:top="10dp"
            android:right="10dp"
            android:bottom="10dp"
            />
    <!--设置button边框-->
    <stroke android:width="2dp"
            android:color="@android:color/darker_gray"/>
    </shape>

然后,如下图所示,直接应用其为背景图片即可。


image.png

相关文章

  • Android词典界面布局(一)

    如何设计一个圆角的button如图,需要在res下的drawable中新建一个.xml文件,即图中的button....

  • 2019-11-06

    今天Android开发界面布局

  • 2020-10-06

    Android常见界面布局:RelativeLayout(相对布局) LinearLayout(线性...

  • 入门

    一、界面布局介绍 RelativeLayout(相对布局)和LinearLayout(线性布局)android:l...

  • android1-5章

    一.Dalvik虚拟机 二. Android常见界面布局 线性布局LinearLayout,帧布局FrameLay...

  • ConstraintLayout学习笔记

    android ConstraintLayout 实现一个简单登录界面布局 android studio新建工程已...

  • Android 界面侧滑

    Android 界面侧滑 DrawableLayout 抽屉布局 在activity布局文件中加入Drawable...

  • Android UI之五种基本布局详解

    Android布局是应用界面开发的重要一环,在Android中,共有五种布局方式,分别是: LinearLayou...

  • android五种布局模式

    Android布局是应用界面开发的重要一环,在Android中,共有五种布局方式,分别是:LinearLayout...

  • Android 界面的基本属性

    Android 界面的常用基本属性 布局: 在 android 中我们常用的布局方式有这么几种: 1.Linear...

网友评论

    本文标题:Android词典界面布局(一)

    本文链接:https://www.haomeiwen.com/subject/ihdqxhtx.html