安卓设置背景某个方向有圆角，某个边有border

最新推荐文章于 2024-11-11 08:39:29 发布
原创 最新推荐文章于 2024-11-11 08:39:29 发布 · 1.6k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#android #shape #layer-list #border

这篇博客介绍了如何在Android中使用layer-list来创建一个自定义视图，特别是如何通过设置left属性为负值实现右上角的圆角效果。示例代码中展示了如何使用shape元素定义圆角和边框，并设置了stroke的宽度和颜色。

width是border的宽度，取消掉就 -width 就可以了，我这里直接写的-1dp也是可以的哦～～～ 

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:left="-1dp">
        <shape>
            <corners
                android:bottomRightRadius="3dp"
                android:topRightRadius="3dp" />
            <solid android:color="#1AFF6C3D" />
            <stroke
                android:width="0.5dp"
                android:color="#33FF603D" />
        </shape>
    </item>
</layer-list>

【Flutter 问题系列第 49 篇】在 Flutter 中如何给组件设置背景色、圆角、边框、形状、阴影、渐变色、背景图片等效果
“Allen Su”的博客
11-21 6157
在 Flutter 中如何给组件设置背景色、圆角、边框、形状、阴影、渐变色、背景图片等效果
安卓App开发 篇二：Android UI和布局
生活在别处
08-09 1212
Figma上的Android UI Kit设计的界面原型并不能直接自动转换为Jetpack Compose代码，因为Figma是一个设计工具，而Jetpack Compose是Android平台上的声明式UI框架，它们分别处于设计和开发的不同阶段。当你调用一个可组合函数时，它就被认为是组合的一部分，这意味着它的输出将被包含在当前的UI中。基于槽位(slot-based)的布局是一种灵活的布局方式，它允许你创建可复用的、可扩展的组件，这些组件可以预留出位置或“槽位”，供外部代码填充特定的内容。
给安卓控件设置边框border
qq_43671768的博客
05-04 2206
前言 安卓中无法通过设置属性给控件设置边框，但是可以在Drawable下新建xml文件，然后给控件设置背景来实现： <layer-list xmlns:android="http://schemas.android.com/apk/res/android" > <!-- This is the main color --> <item> ...
Android-Android圆形ImageView可以设置五角星形可设置边框border
08-13
Android 圆形ImageView，可以设置五角星形，可设置边框（border）
Android代码-可设置圆角背景边框的的按钮
08-07
RoundButton 可设置圆角背景边框的的按钮 通过调节色彩明度自动计算按下(pressed)状态颜色 Gradle repositories { maven { url "https://jitpack.io" } } dependencies { compile 'com.github.czy1121:roundbutton:1.1.0' } Usage XML 属性 <!-- 背景色 --> <!-- 边框色 --> <!-- 边框厚度 --> <!-- 边框虚线长度 --> <!-- 边框虚线间隙 --> <!-- 圆角半径，stadium 表示半径为 min(height,width) / 2--> <!-- 自动计算按下(pressed)状态颜色的系数, 值为0时不自动计算 --> License Copyright 2016 czy1121 Licensed under the Apache License, Version 2.0 (the "Licens
android的边框设置
kerryqpw的博客
05-25 2071
android的边框设置
android gridview控件使用详解_Android给控件添加边框
weixin_39914868的博客
11-26 411
1.先定义一个 xml 文件 android:width="0.01dp" android:color="#999999" /> android:bottom="1dp" android:left="0.5dp" android:right="0.5dp" android:top="...
CSS基础知识day8 box-sizing、resize、box-shadow、opacity、背景属性、border-radius、渐变、字体图标、2D、3D变换、过渡、动画、伸缩盒模型、BFC
2301_77358195的博客
11-11 722
CSS3在未来会按照。
public class ColorBorder : Control { // 定义四个方向的边框画刷依赖属性 public static readonly StyledProperty<IBrush> LeftBorderBrushProperty = AvaloniaProperty.Register<ColorBorder, IBrush>(nameof(LeftBorderBrush)); public IBrush LeftBorderBrush { get => GetValue(LeftBorderBrushProperty); set => SetValue(LeftBorderBrushProperty, value); } // 同样定义TopBorderBrush, RightBorderBrush, BottomBorderBrush public static readonly StyledProperty<IBrush> TopBorderBrushProperty = AvaloniaProperty.Register<ColorBorder, IBrush>(nameof(TopBorderBrush)); public IBrush TopBorderBrush { get => GetValue(TopBorderBrushProperty); set => SetValue(TopBorderBrushProperty, value); } public static readonly StyledProperty<IBrush> RightBorderBrushProperty = AvaloniaProperty.Register<ColorBorder, IBrush>(nameof(RightBorderBrush)); public IBrush RightBorderBrush { get => GetValue(RightBorderBrushProperty); set => SetValue(RightBorderBrushProperty, value); } public static readonly StyledProperty<IBrush> BottomBorderBrushProperty = AvaloniaProperty.Register<ColorBorder, IBrush>(nameof(BottomBorderBrush)); public IBrush BottomBorderBrush { get => GetValue(BottomBorderBrushProperty); set => SetValue(BottomBorderBrushProperty, value); } // 定义边框厚度 public static readonly StyledProperty<Thickness> BorderThicknessProperty = AvaloniaProperty.Register<ColorBorder, Thickness>(nameof(BorderThickness)); public Thickness BorderThickness { get => GetValue(BorderThicknessProperty); set => SetValue(BorderThicknessProperty, value); } // 定义内容（子控件） public static readonly StyledProperty<Control?> ChildProperty = AvaloniaProperty.Register<ColorBorder, Control?>(nameof(Child)); public Control? Child { get => GetValue(ChildProperty); set => SetValue(ChildProperty, value); } // 定义内边距 public static readonly StyledProperty<Thickness> PaddingProperty = AvaloniaProperty.Register<ColorBorder, Thickness>(nameof(Padding)); public Thickness Padding { get => GetValue(PaddingProperty); set => SetValue(PaddingProperty, value); } static ColorBorder() { // 当这些属性改变时，触发重新绘制 AffectsRender<ColorBorder>( LeftBorderBrushProperty, TopBorderBrushProperty, RightBorderBrushProperty, BottomBorderBrushProperty, BorderThicknessProperty ); // 注意：Child的改变需要重新布局，所以需要重写MeasureOverride和ArrangeOverride AffectsMeasure<ColorBorder>(ChildProperty); } protected override void OnPropertyChanged(AvaloniaPropertyChangedEventArgs change) { base.OnPropertyChanged(change); // 如果边框厚度改变，也需要重新测量（因为边框厚度可能影响控件的内部空间） if (change.Property == BorderThicknessProperty || change.Property == PaddingProperty) { InvalidateMeasure(); } } // 重写MeasureOverride以测量子控件（如果有） protected override Size MeasureOverride(Size availableSize) { // 计算内部可用空间：总空间减去边框和内边距 Thickness border = BorderThickness; Thickness padding = Padding; Size innerSize = new Size( Math.Max(0, availableSize.Width - border.Left - border.Right - padding.Left - padding.Right), Math.Max(0, availableSize.Height - border.Top - border.Bottom - padding.Top - padding.Bottom) ); // 如果有子控件，则测量子控件 if (Child != null) { Child.Measure(innerSize); return new Size( Child.DesiredSize.Width + border.Left + border.Right + padding.Left + padding.Right, Child.DesiredSize.Height + border.Top + border.Bottom + padding.Top + padding.Bottom ); } // 没有子控件，则返回最小尺寸（边框和内边距） return new Size( border.Left + border.Right + padding.Left + padding.Right, border.Top + border.Bottom + padding.Top + padding.Bottom ); } // 重写ArrangeOverride以安排子控件的位置 protected override Size ArrangeOverride(Size finalSize) { Thickness border = BorderThickness; Thickness padding = Padding; // 计算子控件的布局矩形（在边框和内边距之内） Rect contentRect = new Rect( border.Left + padding.Left, border.Top + padding.Top, Math.Max(0, finalSize.Width - border.Left - border.Right - padding.Left - padding.Right), Math.Max(0, finalSize.Height - border.Top - border.Bottom - padding.Top - padding.Bottom) ); // 如果有子控件，则安排子控件 if (Child != null) { Child.Arrange(contentRect); } return finalSize; } // 重写Render方法，绘制四个边框 public override void Render(DrawingContext context) { // 获取控件的边界矩形 Rect bounds = new Rect(0, 0, Bounds.Width, Bounds.Height); // 绘制左边框 if (BorderThickness.Left > 0 && LeftBorderBrush != null) { context.FillRectangle(LeftBorderBrush, new Rect(0, 0, BorderThickness.Left, bounds.Height)); } // 绘制上边框 if (BorderThickness.Top > 0 && TopBorderBrush != null) { context.FillRectangle(TopBorderBrush, new Rect(0, 0, bounds.Width, BorderThickness.Top)); } // 绘制右边框 if (BorderThickness.Right > 0 && RightBorderBrush != null) { context.FillRectangle( RightBorderBrush, new Rect(bounds.Width - BorderThickness.Right, 0, BorderThickness.Right, bounds.Height) ); } // 绘制下边框 if (BorderThickness.Bottom > 0 && BottomBorderBrush != null) { context.FillRectangle( BottomBorderBrush, new Rect(0, bounds.Height - BorderThickness.Bottom, bounds.Width, BorderThickness.Bottom) ); } } }在这个基础上添加背景和圆角属性
09-26
然而，根据用户上一次的问题，我们的ColorBorder类已经支持四个方向的边框独立设置（如BorderThickness, LeftBorderBrush等），因此我们需要分别绘制四个边框，并且每个边框在圆角处绘制圆弧。 我们将采用以下...
Row中如何设置边框
最新发布
10-21
在 Android 开发中，`Row` 是 **Jetpack Compose** 中的一个布局组件（对应传统 View 系统中的 `LinearLayout` 水平方向），它本身没有直接的“边框”属性。如果你想给 `Row` 添加**边框**（如边框颜色、粗细、圆角...
androidborder_Android边框背景
weixin_39530647的博客
12-19 262
效果图image.png实线边框android:shape="rectangle">android:width="1dp"android:color="@android:color/darker_gray" />image.png虚线边框android:shape="rectangle">android:width="1dp"android:color="@android:col...
Android中如何设置边框
编码行者的博客
07-06 1万+
添加所有边框 <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android"> <!--填充颜色--> <solid android:color="#FFF" /> <!-...
android实现边框
weixin_34077371的博客
04-15 577
为什么80%的码农都做不了架构师？>>> ...
Android: TextView with border 带边框的TextView
热门推荐
知足常乐
10-27 1万+
一个textview_border.xml文件放在drawable文件夹里面 为要添加边框的TextView添加一个background android:background="@drawable/textview_border" 搞定。
Android设置边框样式
张雨的博客
04-26 2843
item_frame_bg.xml <?xml version="1.0" encoding="utf-8"?> <inset xmlns:android="http://schemas.android.com/apk/res/android" android:insetBottom="1px" android:insetLeft="1px" andro...
androidborder,Android GridLayout边框
weixin_42429120的博客
02-22 500
I am working on a Tic-Tac-Toe.However, i want to add a border to my GridLayout(Board)Here is the following code of my gridLayoutandroid:id="@+id/boardGrid"app:columnCount="3"app:rowCount="3"app:alignm...
Weex Android Border绘制
weixin_34290631的博客
09-21 576
Weex Android Border绘制 在Android/iOS/H5开发中，为View/Component添加border是一个常见的需求。然而Android SDK并没有直接提供border的支持，需要开发者自行实现。本文首先阐述border问题的定义以及几种棘手的case，随后探讨目前Android平台上解决border问题的方案及其优劣，之后...
androidborder_Android使用LinearLayout设置边框
weixin_39852647的博客
12-19 385
找到好多人的，都是文章随便copy,自己都不验证下，特别说LinearLayout中可以设置他的divider属性的，我在Android Studio中试了，根本显示不出来，这边是csdn上一个朋友回答的，我收藏了，放到这里，后面备用。1.定一个underline的xml文件，把它放到drawable下underline.xml2.然后在LinearLayout中引用该布局。就会出现下边框andr...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

心脏dance

如果解决了您的疑惑，谢谢打赏呦

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

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

打赏作者

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

抵扣说明：

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

余额充值