【我的Android进阶之旅】实现一个四周圆角并且中间有小圆来进行分隔的自定义LinearLayout

最新推荐文章于 2021-07-04 01:04:23 发布
最新推荐文章于 2021-07-04 01:04:23 发布
阅读量1.8k 收藏 4
点赞数 3
分类专栏： # Android自定义View精彩案例 我的Android进阶之旅
版权声明：本文为【字节卷动】原创，依据 [CC BY-SA 4.0](https://creativecommons.org/licenses/by-sa/4.0/) 许可证进行授权，欢迎转载，转载请附上出处链接及本声明。【博客地址 http://blog.csdn.net/ouyang_peng】
本文链接：https://blog.csdn.net/ouyang_peng/article/details/85295859
版权

一、背景

今天，美工要求修改某个APP的页面，修改的样式大致如下所示：
在这里插入图片描述

我们分析下上面的效果，四周是圆角，中间是两个半圆和十几个小圆组成的分隔符。然后其他地方就是一些图片和文字信息。

在这里插入图片描述

因此我决定自定义一个LinearLayout实现四周圆角并且中间有小圆来进行分隔的LinearLayout。
下面来说说具体的实现思路吧。

二、实现自定义LinearLayout

实现的空白效果如下，这个自定义LinearLayout上还没有任何其他的字View。

了解本专栏 订阅专栏 解锁全文
字节卷动
关注
  • 3
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
专栏目录
订阅专栏
android demo，自定义LinearLayout的实现。
01-27
android demo，自定义LinearLayout的实现。
设置圆角的 linearlayout(.xml方式)
Max00000010的博客
03-23 8384
绘制圆角的 LinearLayout(.xml) 先在drawable新建一个blackground.xml 代码如下: <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android"> <!--背景颜色--&..
android自定义控件、自定义圆角布局Demo
05-21
很好用的一款自定义android自定义FrameLayout布局Demo,可延伸到自定义View，有需要的小伙伴可以下载试下！
Android布局实现圆角边框
weixin_34120274的博客
07-15 109
首先，在res下面新建一个文件夹drawable，在drawable下面新建三个xml文件：shape_corner_down.xml、shape_corner_up.xml和shape_corner.xml，分别是下面两个角是圆角边框，上面两个角是圆角边框，四个角全部是圆角边框。 shape_corner_down.xml： 1 2 3 4 5 6 7...
Android中自定义圆角样式
学习的最佳方式，就是把它写下来!
08-30 1803
效果图如上，在网上查找的资源，于是乎操作了一遍，Java代码是自动生成的，看下布局文件activity_main.xml，代码如下：     android:layout_width="fill_parent"     android:layout_height="fill_parent"     android:background="#FFFFFF"     android:o
android:layout_with="",绘制的LinearLayout圆角(Drawing LinearLayout with rounde
weixin_35275189的博客
07-04 1028
我试图实现的LinearLayout子，吸引了本身带有圆角。 从我的研究，我设置setWillNotDraw(false)和重写onDraw()画在画布圆角矩形：@Overrideprotected void onDraw(Canvas canvas) {super.onDraw(canvas);int sc = canvas.saveLayer(0, 0, getWidth(), getHei...
Android LinearLayout等配置圆角背景
科技向善
10-29 3559
Drawable文件下： <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android"> <solid android:color="#5eb342" /> <corners android...
Android自定义LinearLayout布局显示不完整的解决方法
08-28
主要给大家介绍了关于Android自定义LinearLayout但布局显示不完整的解决方法，文中通过示例代码介绍的非常详细，对大家具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧。
android自定义imageview实现圆角图片
01-03
本文实例为大家分享了android自定义imageview实现圆角图片的具体代码，供大家参考，具体内容如下 自定义图片的属性，对图片进行圆角切割 实现效果图： （1）在activity_main.xml文件布局，非常简单 <?xml ...
Android自定义控件LinearLayout实例讲解
01-04
很多时候Android常用的控件不能满足我们的需求，那么我们就需要自定义一个控件了。今天做了一个自定义控件的实例，来分享下。 首先定义一个layout实现按钮内部布局：  <?xmlversion=1.0encoding=utf-8?> <LinearLayoutxmlns:android=http://schemas.android.com/apk/res/android android:layout_width=fill_parent android:layout_height=fill_parent android:orientation=horizont
Android自定义LinearLayout实现淘宝详情页
09-01
主要为大家详细介绍了Android自定义LinearLayout实现淘宝详情页的相关资料,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
android 绘制圆弧简书,绘制圆角的 LinearLayout
weixin_42469649的博客
05-31 1013
有时候需要绘制圆角的背景一般解决办法都是让美工提供一张圆角图片,直接作为背景或者做成9.png格式铺上, 小弟刚发现LinearLayout可以直接绘制圆角的效果出来多的不说 直接贴代码先在drawable新建一个blackground.xml代码如下: 背景的颜色android:topRightRadius="8px" 右上角的角度android:bottomRightRa...
Android对LinearLayout设置圆角及透明背景图片
vcoy的博客
04-03 5191
1.布局文件，图片自己选择 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="mat
[Android]圆角布局
weixin_33827590的博客
08-23 104
为什么80%的码农都做不了架构师？>>> ...
android 圆角布局
04-19 1743
android:topLeftRadius="10dip"         android:topRightRadius="10dip"         android:bottomLeftRadius="0dip"         android:bottomRightRadius="0dip"/> 使用时直接设置background就额可以了：
android layout圆角,android – 绘制具有圆角的LinearLayout
weixin_33970380的博客
05-27 526
我试图实现一个LinearLayout子类,它使用圆角绘制自己.从我的研究中,我设置setWillNotDraw(false)并覆盖onDraw()在画布中绘制一个圆角矩形：@Overrideprotected void onDraw(Canvas canvas) {super.onDraw(canvas);int sc = canvas.saveLayer(0, 0, getWidth(), g...
【我的Android进阶之旅】Android自定义View来实现解析lrc歌词并同步滚动、上下拖动、缩放歌词、卡拉OK高亮的功能
热门推荐
字节卷动
03-06 1万+
前言 一LRC歌词文件简介 1什么是LRC歌词文件 2LRC歌词文件的格式 LRC歌词文件的标签类型 1标识标签 2时间标签 二解析LRC歌词 1读取出歌词文件 2解析得到的歌词内容 1表示每行歌词内容的实体类LrcRow 2解析歌词的构造器 ILrcBuilder接口 DefaultLrcBuilder歌词解析构造器 lrc歌词原始内容 lrc歌词解析后的内容 三显示LRC歌词内容 1定义一个IL
我的Android进阶之旅------＞Android自定义View实现带数字的进度条（NumberProgressBar）
字节卷动
03-11 1万+
今天在Github上面看到一个来自于 daimajia所写的关于Android自定义View实现带数字的进度条（NumberProgressBar）的精彩案例，在这里分享给大家一起来学习学习！同时感谢daimajia的开源奉献！ 第一步、效果展示图1、蓝色的进度条 图2、红色的进度条 图3、多条颜色不同的进度条 图4、多条颜色不同的进度条 版权声明：本文为【欧阳鹏】原创文章，欢迎转载，转载...
android 自定义LinearLayout圆角60dp的矩形水印图片
最新发布
05-25
你可以通过以下步骤来实现： 1. 创建一个自定义的 LinearLayout 类，并继承 LinearLayout。 2. 在自定义 LinearLayout 类的构造方法中，调用 setWillNotDraw(false) 方法，以允许绘制自定义视图。 3. 重写 onDraw(Canvas canvas) 方法，在其中绘制矩形水印图片。可以使用 Bitmap 和 Canvas 组合来绘制图片。 4. 在 onDraw() 方法中，调用 super.onDraw(canvas) 方法，以便在绘制自定义视图之后绘制子视图。 5. 在自定义 LinearLayout 类的 onMeasure(int widthMeasureSpec, int heightMeasureSpec) 方法中，设置 LinearLayout 的宽度和高度，以确保矩形水印图片的边角是圆形的。可以使用 MeasureSpec.getSize() 和 MeasureSpec.getMode() 方法来获取宽度和高度。 以下是示例代码： ``` public class RoundedLinearLayout extends LinearLayout { private Bitmap watermarkBitmap; public RoundedLinearLayout(Context context) { super(context); setWillNotDraw(false); } public RoundedLinearLayout(Context context, AttributeSet attrs) { super(context, attrs); setWillNotDraw(false); } public RoundedLinearLayout(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); setWillNotDraw(false); } @Override protected void onDraw(Canvas canvas) { super.onDraw(canvas); if (watermarkBitmap != null) { int bitmapWidth = watermarkBitmap.getWidth(); int bitmapHeight = watermarkBitmap.getHeight(); // 获取 LinearLayout 的宽度和高度 int widthSpec = MeasureSpec.makeMeasureSpec(getWidth(), MeasureSpec.EXACTLY); int heightSpec = MeasureSpec.makeMeasureSpec(getHeight(), MeasureSpec.EXACTLY); // 创建 Canvas 对象 Canvas watermarkCanvas = new Canvas(watermarkBitmap); // 创建矩形对象 RectF rectF = new RectF(0, 0, bitmapWidth, bitmapHeight); // 创建画笔对象 Paint paint = new Paint(); paint.setAntiAlias(true); paint.setColor(Color.WHITE); // 绘制圆角矩形 watermarkCanvas.drawRoundRect(rectF, 60, 60, paint); // 在 canvas 上绘制矩形水印图片 canvas.drawBitmap(watermarkBitmap, null, new Rect(0, 0, getWidth(), getHeight()), null); } } @Override protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { super.onMeasure(widthMeasureSpec, heightMeasureSpec); // 获取 LinearLayout 的宽度和高度 int width = MeasureSpec.getSize(widthMeasureSpec); int height = MeasureSpec.getSize(heightMeasureSpec); // 设置 LinearLayout 的宽度和高度 setMeasuredDimension(width, height); // 创建 Bitmap 对象 watermarkBitmap = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888); } } ``` 你可以在 XML 布局文件中使用该自定义 LinearLayout 类，如下所示： ``` <com.example.RoundedLinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical"> <!-- 添加子视图 --> </com.example.RoundedLinearLayout> ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

字节卷动

你的鼓励将是我创作的最大动力！

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值