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

相关文章

Android Kotlin 高阶函数详解及其在协程中的应用小结

《AndroidKotlin高阶函数详解及其在协程中的应用小结》高阶函数是Kotlin中的一个重要特性,它能够将函数作为一等公民(First-ClassCitizen),使得代码更加简洁、灵活和可... 目录1. 引言2. 什么是高阶函数?3. 高阶函数的基础用法3.1 传递函数作为参数3.2 Lambda

Android自定义Scrollbar的两种实现方式

《Android自定义Scrollbar的两种实现方式》本文介绍两种实现自定义滚动条的方法,分别通过ItemDecoration方案和独立View方案实现滚动条定制化,文章通过代码示例讲解的非常详细,... 目录方案一:ItemDecoration实现(推荐用于RecyclerView)实现原理完整代码实现

Android App安装列表获取方法(实践方案)

《AndroidApp安装列表获取方法(实践方案)》文章介绍了Android11及以上版本获取应用列表的方案调整,包括权限配置、白名单配置和action配置三种方式,并提供了相应的Java和Kotl... 目录前言实现方案         方案概述一、 androidManifest 三种配置方式

Android WebView无法加载H5页面的常见问题和解决方法

《AndroidWebView无法加载H5页面的常见问题和解决方法》AndroidWebView是一种视图组件,使得Android应用能够显示网页内容,它基于Chromium,具备现代浏览器的许多功... 目录1. WebView 简介2. 常见问题3. 网络权限设置4. 启用 JavaScript5. D

Android如何获取当前CPU频率和占用率

《Android如何获取当前CPU频率和占用率》最近在优化App的性能,需要获取当前CPU视频频率和占用率,所以本文小编就来和大家总结一下如何在Android中获取当前CPU频率和占用率吧... 最近在优化 App 的性能,需要获取当前 CPU视频频率和占用率,通过查询资料,大致思路如下:目前没有标准的

Vue中动态权限到按钮的完整实现方案详解

《Vue中动态权限到按钮的完整实现方案详解》这篇文章主要为大家详细介绍了Vue如何在现有方案的基础上加入对路由的增、删、改、查权限控制,感兴趣的小伙伴可以跟随小编一起学习一下... 目录一、数据库设计扩展1.1 修改路由表(routes)1.2 修改角色与路由权限表(role_routes)二、后端接口设计

浅析Python中的绝对导入与相对导入

《浅析Python中的绝对导入与相对导入》这篇文章主要为大家详细介绍了Python中的绝对导入与相对导入的相关知识,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录1 Imports快速介绍2 import语句的语法2.1 基本使用2.2 导入声明的样式3 绝对import和相对i

Android开发中gradle下载缓慢的问题级解决方法

《Android开发中gradle下载缓慢的问题级解决方法》本文介绍了解决Android开发中Gradle下载缓慢问题的几种方法,本文给大家介绍的非常详细,感兴趣的朋友跟随小编一起看看吧... 目录一、网络环境优化二、Gradle版本与配置优化三、其他优化措施针对android开发中Gradle下载缓慢的问

CSS3 最强二维布局系统之Grid 网格布局

《CSS3最强二维布局系统之Grid网格布局》CS3的Grid网格布局是目前最强的二维布局系统,可以同时对列和行进行处理,将网页划分成一个个网格,可以任意组合不同的网格,做出各种各样的布局,本文介... 深入学习 css3 目前最强大的布局系统 Grid 网格布局Grid 网格布局的基本认识Grid 网

HTML5中下拉框<select>标签的属性和样式详解

《HTML5中下拉框<select>标签的属性和样式详解》在HTML5中,下拉框(select标签)作为表单的重要组成部分,为用户提供了一个从预定义选项中选择值的方式,本文将深入探讨select标签的... 在html5中,下拉框(<select>标签)作为表单的重要组成部分,为用户提供了一个从预定义选项中