Android相对布局+圆角按钮+Shape样式

2024-06-18 02:18

本文主要是介绍Android相对布局+圆角按钮+Shape样式,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

又开始了android布局的学习,经过之前的书籍的浏览,大体了解了,看的时候就会联想到qt的布局,其实很多布局模型的大同小异,什么帧布局、线性布局、相对布局、绝对布局啊之类的,总是想要彻底了解还是挺麻烦的,而且学习过程中需要了解一些尺寸的知识,像dip、px、sp这些东西之后,进行参数的设置时才会比较有概念,我是不行了。呵呵............

     我打算做个相对布局的模型,之后基于这个模型进行一系列的学习【包括横竖屏、控件动画等 】,实现一些简单的功能,加深对一些理论的实践性的理解;一步一步来吗!

    这个就是今天的一个小效果,感谢网友的分享,让我学到了很多,最重要的一点就是当我发现效果和想的不一样的时候,开始找资料,各种试试,然后回过头来看手册的参数说明,才想到设置一个参数就能解决问题,此时还是很高兴的,体会过程,都是经验啊!!!

    总体效果就是这样【UI很丑】:
    
    
    相对布局文件【文中注释的地方就是后来发现需要这样才可以达到效果、菜鸟一个、所以才纠结这么久】:res/layout/center.xml

点击(此处)折叠或打开

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     android:layout_width="fill_parent"
  4.     android:layout_height="fill_parent"
  5.     android:orientation="vertical"
  6.     android:background="@drawable/back_ground" >

  7.     <RelativeLayout
  8.         android:id="@+id/RelativeLayout_with_center"
  9.         android:layout_width="fill_parent"
  10.         android:layout_height="fill_parent" >

  11.         <!-- 屏幕中心按钮设置 android:layout_centerInParent="true" -->
  12.         <Button
  13.             android:id="@+id/center_menu_button"
  14.             android:layout_width="wrap_content"
  15.             android:layout_height="wrap_content"
  16.             android:layout_centerInParent="true"
  17.             android:background="@drawable/button" />

  18.         <!-- 屏幕中心按钮左侧按钮,此时需要设置垂直居中 android:layout_centerVertical="true" -->
  19.         <Button
  20.             android:id="@+id/left_button"
  21.             android:layout_width="wrap_content"
  22.             android:layout_height="wrap_content"
  23.             android:layout_centerVertical="true"
  24.             android:layout_toLeftOf="@+id/center_menu_button"
  25.             android:background="@drawable/round_button"
  26.             android:text="亲,评价" />

  27.         <!-- 屏幕中心按钮右侧侧按钮,此时需要设置垂直居中 android:layout_centerVertical="true" -->
  28.         <Button
  29.             android:id="@+id/right_button"
  30.             android:layout_width="wrap_content"
  31.             android:layout_height="wrap_content"
  32.             android:layout_centerVertical="true"
  33.             android:layout_toRightOf="@+id/center_menu_button"
  34.             android:background="@drawable/round_button"
  35.             android:text="退出游戏" />

  36.         <!-- 屏幕中心按钮上方按钮,此时需要设置水平居中 android:layout_centerHorizontal="true" -->
  37.         <Button
  38.             android:id="@+id/top_button"
  39.             android:layout_width="wrap_content"
  40.             android:layout_height="wrap_content"
  41.             android:layout_centerHorizontal="true"
  42.             android:layout_above="@+id/center_menu_button"
  43.             android:background="@drawable/round_button"
  44.             android:text="进入游戏" />

  45.          <!-- 屏幕中心按钮下方按钮,此时需要设置水平居中 android:layout_centerHorizontal="true" -->
  46.         <Button
  47.             android:id="@+id/below_button"
  48.             android:layout_width="wrap_content"
  49.             android:layout_height="wrap_content"
  50.             android:layout_centerHorizontal="true"
  51.             android:layout_below="@+id/center_menu_button"
  52.             android:background="@drawable/round_button"
  53.             android:text="关于我们" />
  54.     </RelativeLayout>

  55. </LinearLayout>
    中心按钮样式文件: res/drawable-hdpi/button.xml

点击(此处)折叠或打开

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <selector xmlns:android="http://schemas.android.com/apk/res/android" >
  3.     <!-- 获得焦点但未按下时的背景图片 -->
  4.     <!-- <item android:state_focused="true" android:state_enabled="true" android:state_pressed="false" android:drawable="@drawable/user_selecte_n" /> -->
  5.     <!-- 按下时的背景图片 -->
  6.     <item android:state_enabled="true" android:state_pressed="true" android:drawable="@drawable/center_light" />
  7.     <!-- 按下时的背景图片 -->
  8.     <!-- <item android:state_enabled="true" android:state_checked="true" android:drawable="@drawable/center_light" /> -->
  9.     <!-- 默认时的背景图片 -->
  10.     <item android:drawable="@drawable/center" />
  11. </selector>
    四边按钮样式文件: res/drawable-hdpi/round_button.xml

点击(此处)折叠或打开

  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <selector xmlns:android="http://schemas.android.com/apk/res/android">
  3.     <item android:state_pressed="false">
  4.            <shape android:shape="rectangle" >
  5.             <!-- 填充的颜色 -->
  6.             <solid android:color="#0FFFFF" />
  7.             <!-- 设置按钮的四个角为弧形 -->
  8.             <!-- android:radius 弧形的半径 -->
  9.             <corners android:radius="15dip" />
  10.             <!-- padding:Button里面的文字与Button边界的间隔 -->
  11.             <padding android:bottom="10dp" android:left="10dp" android:right="10dp" android:top="10dp" />
  12.         </shape>
  13.     </item>
  14.     <item android:state_pressed="true">
  15.      <shape android:shape="rectangle">
  16.             <solid android:color="#FFFF0F" />
  17.             <corners android:radius="15dip" />
  18.          </shape>
  19.     </item> 
  20. </selector>
    至于背景啊、名称啥的,都知道....然后还是留一份图片资源到网盘吧,省的系统重装了,还得现搜......

http://pan.baidu.com/share/link?shareid=3336646398&uk=3927989065

这篇关于Android相对布局+圆角按钮+Shape样式的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1071027

相关文章

HarmonyOS学习(七)——UI(五)常用布局总结

自适应布局 1.1、线性布局(LinearLayout) 通过线性容器Row和Column实现线性布局。Column容器内的子组件按照垂直方向排列,Row组件中的子组件按照水平方向排列。 属性说明space通过space参数设置主轴上子组件的间距,达到各子组件在排列上的等间距效果alignItems设置子组件在交叉轴上的对齐方式,且在各类尺寸屏幕上表现一致,其中交叉轴为垂直时,取值为Vert

Android实现任意版本设置默认的锁屏壁纸和桌面壁纸(两张壁纸可不一致)

客户有些需求需要设置默认壁纸和锁屏壁纸  在默认情况下 这两个壁纸是相同的  如果需要默认的锁屏壁纸和桌面壁纸不一样 需要额外修改 Android13实现 替换默认桌面壁纸: 将图片文件替换frameworks/base/core/res/res/drawable-nodpi/default_wallpaper.*  (注意不能是bmp格式) 替换默认锁屏壁纸: 将图片资源放入vendo

Android平台播放RTSP流的几种方案探究(VLC VS ExoPlayer VS SmartPlayer)

技术背景 好多开发者需要遴选Android平台RTSP直播播放器的时候,不知道如何选的好,本文针对常用的方案,做个大概的说明: 1. 使用VLC for Android VLC Media Player(VLC多媒体播放器),最初命名为VideoLAN客户端,是VideoLAN品牌产品,是VideoLAN计划的多媒体播放器。它支持众多音频与视频解码器及文件格式,并支持DVD影音光盘,VCD影

android-opencv-jni

//------------------start opencv--------------------@Override public void onResume(){ super.onResume(); //通过OpenCV引擎服务加载并初始化OpenCV类库,所谓OpenCV引擎服务即是 //OpenCV_2.4.3.2_Manager_2.4_*.apk程序包,存

从状态管理到性能优化:全面解析 Android Compose

文章目录 引言一、Android Compose基本概念1.1 什么是Android Compose?1.2 Compose的优势1.3 如何在项目中使用Compose 二、Compose中的状态管理2.1 状态管理的重要性2.2 Compose中的状态和数据流2.3 使用State和MutableState处理状态2.4 通过ViewModel进行状态管理 三、Compose中的列表和滚动

Android 10.0 mtk平板camera2横屏预览旋转90度横屏拍照图片旋转90度功能实现

1.前言 在10.0的系统rom定制化开发中,在进行一些平板等默认横屏的设备开发的过程中,需要在进入camera2的 时候,默认预览图像也是需要横屏显示的,在上一篇已经实现了横屏预览功能,然后发现横屏预览后,拍照保存的图片 依然是竖屏的,所以说同样需要将图片也保存为横屏图标了,所以就需要看下mtk的camera2的相关横屏保存图片功能, 如何实现实现横屏保存图片功能 如图所示: 2.mtk

android应用中res目录说明

Android应用的res目录是一个特殊的项目,该项目里存放了Android应用所用的全部资源,包括图片、字符串、颜色、尺寸、样式等,类似于web开发中的public目录,js、css、image、style。。。。 Android按照约定,将不同的资源放在不同的文件夹中,这样可以方便的让AAPT(即Android Asset Packaging Tool , 在SDK的build-tools目

Android fill_parent、match_parent、wrap_content三者的作用及区别

这三个属性都是用来适应视图的水平或者垂直大小,以视图的内容或尺寸为基础的布局,比精确的指定视图的范围更加方便。 1、fill_parent 设置一个视图的布局为fill_parent将强制性的使视图扩展至它父元素的大小 2、match_parent 和fill_parent一样,从字面上的意思match_parent更贴切一些,于是从2.2开始,两个属性都可以使用,但2.3版本以后的建议使

Android Environment 获取的路径问题

1. 以获取 /System 路径为例 /*** Return root of the "system" partition holding the core Android OS.* Always present and mounted read-only.*/public static @NonNull File getRootDirectory() {return DIR_ANDR

lvgl8.3.6 控件垂直布局 label控件在image控件的下方显示

在使用 LVGL 8.3.6 创建一个垂直布局,其中 label 控件位于 image 控件下方,你可以使用 lv_obj_set_flex_flow 来设置布局为垂直,并确保 label 控件在 image 控件后添加。这里是如何步骤性地实现它的一个基本示例: 创建父容器:首先创建一个容器对象,该对象将作为布局的基础。设置容器为垂直布局:使用 lv_obj_set_flex_flow 设置容器