转：Android实现矩形设置菜单

最新推荐文章于 2022-02-17 20:29:06 发布
最新推荐文章于 2022-02-17 20:29:06 发布
阅读量104 收藏
点赞数
文章标签： Android XML Blog
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lw585625/article/details/83699086
版权
最近试着做下图的界面，源码分享，先上图看看效果吧，下面代码为白色区域。






xml Layout



Xml代码
<?xml version="1.0" encoding="utf-8"?>
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent" android:layout_height="fill_parent">

<LinearLayout android:id="@+id/all_details"
android:layout_width="fill_parent" android:layout_height="fill_parent"
android:orientation="vertical">
<TextView android:text="@string/settings"
android:layout_width="fill_parent" android:layout_height="wrap_content"
android:layout_marginLeft="10px" android:id="@+id/settingsText"
android:textSize="20sp" android:textStyle="bold" android:layout_marginBottom="10dip">
</TextView>
<RelativeLayout android:layout_width="fill_parent"
android:layout_height="wrap_content" android:orientation="horizontal"
android:layout_gravity="center_vertical" android:background="@drawable/imagetop"
android:layout_marginLeft="10px"
android:layout_marginRight="10px" android:paddingLeft="10px">
<CheckBox android:id="@+id/firewall_checkBox" android:layout_width="@android:dimen/app_icon_size"
android:layout_height="@android:dimen/app_icon_size"
android:layout_alignParentRight="true" android:scaleType="fitCenter"
android:layout_gravity="center" />
<TextView android:id="@+id/apps_name" android:layout_width="wrap_content"
android:layout_height="wrap_content" android:textAppearance="?android:attr/textAppearanceMedium"
android:textColor="#000000" android:textSize="18dip"
android:layout_alignParentTop="true" android:layout_alignParentLeft="true"
android:paddingTop="10dip" android:paddingRight="6dip"
android:paddingLeft="6dip" android:layout_gravity="center"
android:text="@string/firewall_switch" />


</RelativeLayout>
<RelativeLayout android:layout_width="fill_parent"
android:layout_height="wrap_content" android:orientation="horizontal"
android:layout_gravity="center_vertical" android:background="@drawable/imagemid"
android:layout_marginLeft="10px"
android:layout_marginRight="10px" android:paddingLeft="10px">
<CheckBox android:id="@+id/call_checkBox" android:layout_width="@android:dimen/app_icon_size"
android:layout_height="@android:dimen/app_icon_size"
android:layout_alignParentRight="true" android:scaleType="fitCenter"
android:layout_gravity="center" />
<TextView android:id="@+id/apps_name" android:layout_width="wrap_content"
android:layout_height="wrap_content" android:textAppearance="?android:attr/textAppearanceMedium"
android:textColor="#000000" android:textSize="18dip"
android:layout_alignParentTop="true" android:layout_alignParentLeft="true"
android:paddingTop="10dip" android:paddingRight="6dip"
android:paddingLeft="6dip" android:layout_gravity="center"
android:text="@string/blockincomingcall"/>


</RelativeLayout>
<RelativeLayout android:layout_width="fill_parent"
android:layout_height="wrap_content" android:orientation="horizontal"
android:layout_gravity="center_vertical" android:background="@drawable/imagebottom"
android:layout_marginLeft="10px"
android:layout_marginRight="10px" android:paddingLeft="10px">
<CheckBox android:id="@+id/sms_checkbox" android:layout_width="@android:dimen/app_icon_size"
android:layout_height="@android:dimen/app_icon_size"
android:layout_alignParentRight="true" android:scaleType="fitCenter"
android:layout_gravity="center" />
<TextView android:id="@+id/apps_name" android:layout_width="wrap_content"
android:layout_height="wrap_content" android:textAppearance="?android:attr/textAppearanceMedium"
android:textColor="#000000" android:textSize="18dip"
android:layout_alignParentTop="true" android:layout_alignParentLeft="true"
android:paddingTop="10dip" android:paddingRight="6dip"
android:paddingLeft="6dip" android:layout_gravity="center"
android:text="@string/showcalllocation"/>


</RelativeLayout>

</LinearLayout>
</ScrollView>

<?xml version="1.0" encoding="utf-8"?>
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent" android:layout_height="fill_parent">

<LinearLayout android:id="@+id/all_details"
android:layout_width="fill_parent" android:layout_height="fill_parent"
android:orientation="vertical">
<TextView android:text="@string/settings"
android:layout_width="fill_parent" android:layout_height="wrap_content"
android:layout_marginLeft="10px" android:id="@+id/settingsText"
android:textSize="20sp" android:textStyle="bold" android:layout_marginBottom="10dip">
</TextView>
<RelativeLayout android:layout_width="fill_parent"
android:layout_height="wrap_content" android:orientation="horizontal"
android:layout_gravity="center_vertical" android:background="@drawable/imagetop"
android:layout_marginLeft="10px"
android:layout_marginRight="10px" android:paddingLeft="10px">
<CheckBox android:id="@+id/firewall_checkBox" android:layout_width="@android:dimen/app_icon_size"
android:layout_height="@android:dimen/app_icon_size"
android:layout_alignParentRight="true" android:scaleType="fitCenter"
android:layout_gravity="center" />
<TextView android:id="@+id/apps_name" android:layout_width="wrap_content"
android:layout_height="wrap_content" android:textAppearance="?android:attr/textAppearanceMedium"
android:textColor="#000000" android:textSize="18dip"
android:layout_alignParentTop="true" android:layout_alignParentLeft="true"
android:paddingTop="10dip" android:paddingRight="6dip"
android:paddingLeft="6dip" android:layout_gravity="center"
android:text="@string/firewall_switch" />


</RelativeLayout>
<RelativeLayout android:layout_width="fill_parent"
android:layout_height="wrap_content" android:orientation="horizontal"
android:layout_gravity="center_vertical" android:background="@drawable/imagemid"
android:layout_marginLeft="10px"
android:layout_marginRight="10px" android:paddingLeft="10px">
<CheckBox android:id="@+id/call_checkBox" android:layout_width="@android:dimen/app_icon_size"
android:layout_height="@android:dimen/app_icon_size"
android:layout_alignParentRight="true" android:scaleType="fitCenter"
android:layout_gravity="center" />
<TextView android:id="@+id/apps_name" android:layout_width="wrap_content"
android:layout_height="wrap_content" android:textAppearance="?android:attr/textAppearanceMedium"
android:textColor="#000000" android:textSize="18dip"
android:layout_alignParentTop="true" android:layout_alignParentLeft="true"
android:paddingTop="10dip" android:paddingRight="6dip"
android:paddingLeft="6dip" android:layout_gravity="center"
android:text="@string/blockincomingcall"/>


</RelativeLayout>
<RelativeLayout android:layout_width="fill_parent"
android:layout_height="wrap_content" android:orientation="horizontal"
android:layout_gravity="center_vertical" android:background="@drawable/imagebottom"
android:layout_marginLeft="10px"
android:layout_marginRight="10px" android:paddingLeft="10px">
<CheckBox android:id="@+id/sms_checkbox" android:layout_width="@android:dimen/app_icon_size"
android:layout_height="@android:dimen/app_icon_size"
android:layout_alignParentRight="true" android:scaleType="fitCenter"
android:layout_gravity="center" />
<TextView android:id="@+id/apps_name" android:layout_width="wrap_content"
android:layout_height="wrap_content" android:textAppearance="?android:attr/textAppearanceMedium"
android:textColor="#000000" android:textSize="18dip"
android:layout_alignParentTop="true" android:layout_alignParentLeft="true"
android:paddingTop="10dip" android:paddingRight="6dip"
android:paddingLeft="6dip" android:layout_gravity="center"
android:text="@string/showcalllocation"/>


</RelativeLayout>

</LinearLayout>
</ScrollView>

imagetop.xml(保存于drawable)



Xml代码
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<gradient
android:startColor="#FFFFFF"
android:endColor="#CCCCCC"
android:angle="270" android:centerY="0.75"
/>

<corners android:radius="1dp"
android:bottomRightRadius="0dp"
android:topRightRadius="7dp"
android:bottomLeftRadius="0dp"
android:topLeftRadius="7dp"
/>

<!--
<corners android:radius="5dip" />
-->
</shape>

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<gradient
android:startColor="#FFFFFF"
android:endColor="#CCCCCC"
android:angle="270" android:centerY="0.75"
/>

<corners android:radius="1dp"
android:bottomRightRadius="0dp"
android:topRightRadius="7dp"
android:bottomLeftRadius="0dp"
android:topLeftRadius="7dp"
/>

<!--
<corners android:radius="5dip" />
-->
</shape>

imagemid.xml



Xml代码
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<gradient
android:startColor="#FFFFFF"
android:endColor="#CCCCCC"
android:angle="270" android:centerY="0.75"
/>

</shape>

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<gradient
android:startColor="#FFFFFF"
android:endColor="#CCCCCC"
android:angle="270" android:centerY="0.75"
/>

</shape>


imagebottom.xml



Java代码
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<gradient
android:startColor="#FFFFFF"
android:endColor="#CCCCCC"
android:angle="270" android:centerY="0.75"
/>

<corners android:radius="1dp"
android:bottomRightRadius="7dp"
android:topRightRadius="0dp"
android:bottomLeftRadius="7dp"
android:topLeftRadius="0dp"
/>
</shape>
转载：http://fonter.iteye.com/blog/676278
lw585625
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Android代码-Android 方块儿展开菜单，很有新意。
08-07
SquareMenu SquareMenu is a custom Floating Action Button with a different shape from traditional FABs and with three sub menu buttons. Demo Dependency Add the dependencies to your app level build.gradle file: Gradle 1 >> In Project gradle file repositories { ... maven { url 'https://jitpack.io' } } } 2 >> In app Module gradle file dependencies { implementation 'com.github.devendroid:SquareMenu:1.0.0'
安卓 Android Studio页面布局之 设置圆角矩形样式与使用
jackiesky1206的博客
09-09 1万+
最近一段时间正在做的项目中要求设计界面采用卡片式，卡片要有圆角矩形效果。现在记录下具体实现过程。 先上效果图：
android底部弹出圆角矩形菜单,Flutter | 思路解析 WPopupMenu 仿微信聊天长按弹出菜单...
weixin_39730284的博客
05-26 363
在上一篇文章中发布了 WPopupMenu 的第一个版本，并且也遗留了两个问题：1.弹出框下面的三角2.在最顶端的时候应向下弹出那在这次发文之前也是解决了上述两个问题和完善了一些逻辑问题：1.如果 child 的长度大于 menu 的长度，那么则把 menu 放在中间2.如果 child 的长度小于 menu 的长度，三角形的位置在 child 的中间不多说，上图：WPopupMenu 实现思路解...
android menu一列变方阵
abcd1101的专栏
10-20 458
uses-sdk android:minSdkVersion="8"
android中shape的使用介绍 3--矩形
android开发笔记
08-10 5539
这里给出的是shape中定义矩形的相关代码： （1）矩形效果1 1）效果图：   2）shape中的代码： &lt;?xml version="1.0" encoding="utf-8"?&gt; &lt;shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectan...
Android自定义ViewGroup实现带箭头的圆角矩形菜单
01-04
本文和大家一起做一个带箭头的圆角矩形菜单，大概长下面这个样子：  要求顶上的箭头要对准菜单锚点，菜单项按压反色，菜单背景色和按压色可配置。 最简单的做法就是让UX给个三角形的图片往上一贴，但是转念一想...
android 自定义Android菜单背景的代码
01-20
4. Android自定义ViewGroup实现带箭头的圆角矩形菜单 5. Android自定义view实现圆形与半圆形菜单 6. Android实现自定义的卫星式菜单(弧形菜单) 7. 阐述Android编程自定义菜单实现方法详解 8. Android 自定义弹出菜单...
beyole_android_SettingMenus:Android圆角设置页面
05-02
`beyole_android_SettingMenus`项目就是这样一个实例，它展示了如何在Android中实现一个带有圆角界面的设置菜单。这个项目的核心在于利用Java语言和Android SDK中的组件及属性来构造出具有圆角效果的UI。 1. **圆角...
带箭头的圆角矩形菜单
07-11
综合以上信息，实现“带箭头的圆角矩形菜单”涉及Android自定义视图、图形绘制、菜单系统、Gradle构建流程等多个方面。开发者需要具备扎实的Android基础，了解自定义ViewGroup的原理，以及熟悉图形编程和UI设计原则...
Android中Paint画图（线、虚线、矩形、多边形、圆形、曲线、半圆、三角形、旋转文字）
aidou1314的博客
10-10 7919
线 private void drawLine(Canvas canvas, float startX,float startY,float stopX,float stopY, float width,int color){ Paint paint = new Paint(); paint.setAntiAlias(true);//抗锯齿 paint.setStyle(Pai
Android自定义矩形及selector、shape的使用
08-13
Android自定义矩形及selector、shape的使用Android自定义矩形及selector、shape的使用
android坐标画矩形
01-17
android 程序 输入坐标保存后 可根据坐标在画布上 画出矩形.. Eclipise 课程设计用 有背景美化
08-ImageView和ImageButton
07-27
基本控件值的使用，我是看魔乐科技的视频，自己打的代码，所有的代码都有，还有一些知识点，很详细，包括一些细节文件。我都运行过的，版本是2.2的。
Android 系统Menu样式的修改
热门推荐
Dream It Possible
11-08 1万+
1.文字添加selector。 在res/color/下面增加 text_color.xml。 修改res/layout/icon_menu_item_layout.xml <com.android.internal.view.menu.IconMenuItemView xmlns:android="http://schema
Android如何绘制矩形方框,绘制矩形(方法二、空心的)
weixin_30952735的博客
05-28 2871
在main.xml中：xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="fill_parent"android:layout_height="fill_parent">android:layout_width="fill_parent"android:layout_height="w...
android实现矩形,android圆角矩形的实现
weixin_42494891的博客
05-28 998
在res/drawable目录下穿件shape的xml来实现圆角矩形效果。代码如下：android:shape="rectangle" >android:bottomLeftRadius="8dp"android:bottomRightRadius="8dp"android:topLeftRadius="8dp"android:topRightRadius="8dp" />androi...
Android Canvas.drawRect绘制矩形
YK
02-17 7708
Android canvas.drawRect绘制矩形区域
Android怎么制作圆角矩形,如何在Android UI中绘制圆角矩形？
weixin_32641973的博客
05-29 936
我想，这是你确切需要的。这里创建圆角矩形的drawable(xml)文件。 round_rect_shape.xmlandroid:shape="rectangle" >android:bottomLeftRadius="8dp"android:bottomRightRadius="8dp"android:topLeftRadius="8dp"android:topRightRadius="...
android自定义矩形框,Android自定义View实现可拖拽缩放的矩形框
weixin_28963585的博客
05-25 888
本文实例为大家分享了Android自定义View拖拽缩放矩形框的具体代码，供大家参考，具体内容如下在开发项目中，需要一个矩形框来实现截屏功能，并且还需要可以任意拖拽和缩放，这就需要自定义View来实现了，具体功能如下：1.自定义Viewpackage com.xinrui.screenshot.view;import android.content.Context;import android.g...
COCOS2D-X：Android上的跨平台游戏开发引擎详解
9. **菜单（Menus）**：内置菜单系统，方便用户交互。 10. **文本渲染（TextRendering）**：支持标签和HTML标签的文本显示，实现丰富的文本呈现。 11. **技术基础**：基于Pyglet，提供了高性能的图形渲染，同时...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值