rounded-corners 相关问题

如何制作圆角椭圆形按钮？

我的目标是让我的按钮看起来像这样： 减去按钮周围的黑边。 阅读了很多帖子后，我看到大多数解决方案都说使用 层.cornerRadius = 10.0 当我这样做时...

圆角半径在 XML 布局中正确显示，但在设备上不起作用

我正在尝试将圆角半径应用于 MaterialCardView 。圆角半径在 XML 布局编辑器中正确显示，但是当我在模拟器或物理设备上运行它时，它似乎并不需要

屁股格式的文本背景

我想使用屁股字幕格式在单词后面添加框。盒子应该有边框半径。后面的ass文件将被ffmpeg使用。 我已经尝试过 BorderStyle=3 表单堆栈 ansers 1, 2 b...

如何在div上创建不均匀的圆边？

我一直在尝试制作一个具有不均匀圆边的 DIV，如下所示： 我检查了一些解决方案，最接近的解决方案是使用 border-radius 。我用过： 左下边框半径：80...

如何在Flutter中使用CircularNotchedRectangle给BottomAppBar添加圆角

我想创建带有圆角、圆形凹口矩形和材质阴影的BottomAppBar。 问题是，当我通过用 ClipRRect 包裹它来向 BottomAppBar 添加圆角时...

如何用OpenCV绘制圆角矩形（带圆角的矩形）？

如何在OpenCV中绘制圆角矩形？我知道函数 ellipse() 和 line() 可以简单地放在一起来绘制它。我只是想知道是否有人以前做过并且已经...

如何在WPF中制作圆角表单？

我试图使窗口（WPF）的角变圆，但它不起作用，我尝试使窗口本身透明并添加带有圆角的内部边框，但它不起作用。 任意

如何更改上下文菜单预览的角半径？

我使用 UIViewController 作为表格单元格上下文菜单的预览视图。我没有找到一种方法来更改出现在我的视图后面的标准模糊背景的角半径。

如何在 R 中制作带圆角的条形图

我有这个数据集： df <- data.frame(category = c("A", "B", "C", "D", "E"), value = c(10, 20, 15, 30, 25)) I want to create a barplot with rou...

圆角边框曲线外[关闭]

我想做与图片相同的角： 红色部分是图像，然后另一个布局将其与底部的3个角重叠 我怎样才能用CSS做到这一点？

矩形外的圆角边框颜色

我想做与图片相同的角： 我怎样才能用CSS做到这一点？

字幕中的圆角（高级变电站 Alpha [.ass]）

.ass（高级变电站 Alpha）中的 BorderStyle 4 是否可以具有圆角？ 我才发现 BorderStyle 4 的存在，因为我正在看这个 stackoverflow。难道是……

CardCornerRadius 不会在视图内剪切线性布局

我试图让回收器视图中的图像具有圆角，以便看起来更好。我上网查了一下，发现我无法将背景设置为卡片视图，但我可以将背景设置为线性

WPF 圆角窗口内容问题

我有一个我使用的自定义窗口设计。它具有圆角，当我将其他控件添加到窗口中时可能会导致问题。 窗口样式定义： <p>我有一个我使用的自定义窗口设计。它具有圆角，当我将其他控件添加到窗口中时可能会导致问题。</p> <p>窗口样式定义：</p> <pre><code>&lt;Style x:Key=&#34;Authentication_Window&#34; TargetType=&#34;{x:Type Window}&#34;&gt; &lt;Setter Property=&#34;AllowsTransparency&#34; Value=&#34;True&#34; /&gt; &lt;Setter Property=&#34;Background&#34; Value=&#34;Transparent&#34; /&gt; &lt;Setter Property=&#34;BorderBrush&#34; Value=&#34;{DynamicResource AppPrimaryBrush}&#34; /&gt; &lt;Setter Property=&#34;BorderThickness&#34; Value=&#34;0&#34; /&gt; &lt;Setter Property=&#34;Focusable&#34; Value=&#34;False&#34; /&gt; &lt;Setter Property=&#34;ResizeMode&#34; Value=&#34;NoResize&#34; /&gt; &lt;Setter Property=&#34;ShowInTaskbar&#34; Value=&#34;False&#34; /&gt; &lt;Setter Property=&#34;SnapsToDevicePixels&#34; Value=&#34;True&#34; /&gt; &lt;Setter Property=&#34;Topmost&#34; Value=&#34;True&#34; /&gt; &lt;Setter Property=&#34;WindowState&#34; Value=&#34;Normal&#34; /&gt; &lt;Setter Property=&#34;WindowStyle&#34; Value=&#34;None&#34; /&gt; &lt;Setter Property=&#34;Template&#34;&gt; &lt;Setter.Value&gt; &lt;ControlTemplate TargetType=&#34;{x:Type Window}&#34;&gt; &lt;Grid&gt; &lt;Border Background=&#34;White&#34; BorderBrush=&#34;Transparent&#34; BorderThickness=&#34;3&#34; CornerRadius=&#34;8&#34;&gt; &lt;Border Background=&#34;{TemplateBinding Background}&#34; BorderBrush=&#34;{TemplateBinding BorderBrush}&#34; BorderThickness=&#34;1&#34; CornerRadius=&#34;8&#34; Style=&#34;{DynamicResource ShadowedBorder_Base}&#34; /&gt; &lt;/Border&gt; &lt;/Grid&gt; &lt;/ControlTemplate&gt; &lt;/Setter.Value&gt; &lt;/Setter&gt; &lt;/Style&gt; </code></pre> <p>我遇到的问题是我创建了自定义页眉/页脚控件（继承自 ContentControl），我想将其添加到此窗口。这些控件也用于其他窗口（没有圆角或具有不同的 CornerRadius）。</p> <p>我的问题是，有没有办法让页眉/页脚控件根据其所在的窗口自动计算出角点需要的半径？ （对于 HeaderControl，我只想更改顶角，对于 FooterControl，我只想更改底角）</p> <p>TIA。</p> </question> <answer tick="false" vote="0"> <p>我认为转换器是一种合理的方法，您可以将其自身传递到转换器中，检查其 <pre><code>HeaderControl</code></pre> 或 <pre><code>FooterControl</code></pre> 是否返回 <pre><code>Thickness</code></pre> 以及适当的值，这些值将成为边距。</p> <p>在下面的示例中，我使用 <pre><code>VisualTreeHelper.GetParent()</code></pre> 来查找控件父级，但是如果您将控件嵌套在其他控件中，则这会失败，因此您需要到达正确的级别以查找其是否为页眉/页脚，也许可以通过传递正确的控制。</p> <p>还根据此：<a href="https://stackoverflow.com/questions/5454726/can-a-wpf-converter-access-the-control-to-which-it-is-bound">WPF转换器可以访问它所绑定的控件吗？</a>如果你想传递自身，则需要使用<pre><code>IMultiValueConverter</code></pre>并在XMAL中使用<pre><code>&lt;MultiBinding&gt;</code></pre>。</p> <p><em>注意：我很快写了这篇文章，只是为了看看我可以进入转换器，因此所有错误处理等都被省略了。</em></p> <pre><code>public class ControlTypeToMarginConverter : IMultiValueConverter { public object Convert(object[] values, Type targetType, object parameter, CultureInfo culture) { DependencyObject parentObject = VisualTreeHelper.GetParent((FrameworkElement)values[0]); if (parentObject != null) { if (parentObject is HeaderControl) { return new Thickness(5, 5, 0, 0); } } return null; } public object[] ConvertBack(object value, Type[] targetTypes, object parameter, CultureInfo culture) { return null; } } </code></pre> </answer> </body></html>

Android - 圆角方线进度条

我正在尝试创建一个圆角方形线进度条来围绕图像绘制进度。 到目前为止，我有以下 XML 定义了我的圆角方形线： 我正在尝试创建一个圆角方形线进度条来围绕图像绘制进度。 到目前为止，我有以下 XML 定义了我的圆角方形线： <shape xmlns:android="http://schemas.android.com/apk/res/android" > <stroke android:width="6dp" android:color="@android:color/holo_green_light" /> <padding android:left="5dp" android:right="5dp" android:bottom="5dp" android:top="5dp" /> <corners android:radius="50dp" /> </shape> 我知道这个解决方案：https://github.com/mrwonderman/android-square-progressbar但我对此不感兴趣，因为效果不是我想要的。 我尝试在圆角方形线的顶部创建一个简单的圆圈，并尝试使用 PorterDuff 将两者合并，但到目前为止我还无法创建进度条效果。画一个圆圈的饼图来绘制进度。 我还尝试以编程方式创建圆角正方形，以防 XML 膨胀被视为纯图像，并且在 PorterDuff 合并期间考虑所有像素。但结果是一样的。 尝试这个简单的自定义类： class V extends View { Path path = new Path(); Paint paint = new Paint(Paint.ANTI_ALIAS_FLAG); float length; float[] intervals = {0, 0}; public V(Context context) { super(context); paint.setColor(Color.GREEN); paint.setStyle(Paint.Style.STROKE); paint.setStrokeWidth(20); } @Override protected void onSizeChanged(int w, int h, int oldw, int oldh) { path.reset(); RectF rect = new RectF(0, 0, w, h); float inset = paint.getStrokeWidth(); rect.inset(inset, inset); path.addRoundRect(rect, 100, 100, Path.Direction.CW); length = new PathMeasure(path, false).getLength(); intervals[0] = intervals[1] = length; PathEffect effect = new DashPathEffect(intervals, length); paint.setPathEffect(effect); } public void setProgress(int progress) { PathEffect effect = new DashPathEffect(intervals, length - length * progress / 100); paint.setPathEffect(effect); invalidate(); } @Override protected void onDraw(Canvas canvas) { canvas.drawPath(path, paint); } } 测试代码（放入Activity#onCreate内）： LinearLayout ll = new LinearLayout(this); ll.setOrientation(LinearLayout.VERTICAL); SeekBar sb = new SeekBar(this); ll.addView(sb); final V v = new V(this); ll.addView(v); setContentView(ll); SeekBar.OnSeekBarChangeListener sbcl = new SeekBar.OnSeekBarChangeListener() { @Override public void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) { v.setProgress(progress); } @Override public void onStartTrackingTouch(SeekBar seekBar) {} @Override public void onStopTrackingTouch(SeekBar seekBar) {} }; sb.setOnSeekBarChangeListener(sbcl); 我将 @pskink 的答案转换为 kotlin： internal class V(context: Context?) : View(context) { var path: Path = Path() var paint: Paint = Paint(Paint.ANTI_ALIAS_FLAG) var length: Float = 0f var intervals: FloatArray = floatArrayOf(0f, 0f) init { paint.color = Color.GREEN paint.style = Paint.Style.STROKE paint.strokeWidth = 20f } override fun onSizeChanged(w: Int, h: Int, oldw: Int, oldh: Int) { path.reset() val rect = RectF(0f, 0f, w.toFloat(), h.toFloat()) val inset = paint.strokeWidth rect.inset(inset, inset) path.addRoundRect(rect, 100f, 100f, Path.Direction.CW) length = PathMeasure(path, false).length intervals[1] = length intervals[0] = intervals[1] val effect: PathEffect = DashPathEffect(intervals, length) paint.setPathEffect(effect) } fun setProgress(progress: Int) { val effect: PathEffect = DashPathEffect(intervals, length - length * progress / 100) paint.setPathEffect(effect) invalidate() } override fun onDraw(canvas: Canvas) { canvas.drawPath(path, paint) } } 测试代码在Activity#onCreate val ll = LinearLayout(this) ll.orientation = LinearLayout.VERTICAL val sb = SeekBar(this) ll.addView(sb) val v = V(this) ll.addView(v) setContentView(ll) val sbcl: SeekBar.OnSeekBarChangeListener = object : SeekBar.OnSeekBarChangeListener { override fun onProgressChanged(seekBar: SeekBar, progress: Int, fromUser: Boolean) { v.setProgress(progress) } override fun onStartTrackingTouch(seekBar: SeekBar) {} override fun onStopTrackingTouch(seekBar: SeekBar) {} } sb.setOnSeekBarChangeListener(sbcl)

带圆角的窗口 WinUI 3

我需要在我的UWP(WinUI 2)应用程序中使用圆角，但据我了解，这是不可能的。所以我找到了 github issues，上面说 WinUI 3 允许你在 Windows 上创建圆角...

如何计算圆角多边形的尖角？

基本上是这个问题，但反过来：如何计算多边形的圆角？ 我（至少）有一个由边缘组成的多边形，其中有圆角，我想完全

CSS - 带倾斜和圆角的盒子

我目前正在开发一个 Web 项目，并面临一些与 CSS 相关的问题。我需要帮助为我在下面粘贴的界面元素找到解决方案（响应式）。 我已经去了...

UIBezierPath - 添加圆角

我正在使用 UIBezierPath 来绘制曲线。然而，曲线有效，我无法弯曲线的边缘。 如果您查看曲线的顶部/底部，您可以看到边缘是

使用win32自定义圆形按钮

我想使用 win32 创建一个自定义按钮。经过搜索，我找到了一组方法，包括使用 BS_OWNERDRAW ，我得到了想要的结果，这是当按钮是矩形时，但是......