rounded-corners 相关问题

我有一个我使用的自定义窗口设计。它具有圆角，当我将其他控件添加到窗口中时可能会导致问题。窗口样式定义： 我有一个我使用的自定义窗口设计。它具有圆角，当我将其他控件添加到窗口中时可能会导致问题。 窗口样式定义： <pre><code><Style x:Key="Authentication_Window" TargetType="{x:Type Window}"> <Setter Property="AllowsTransparency" Value="True" /> <Setter Property="Background" Value="Transparent" /> <Setter Property="BorderBrush" Value="{DynamicResource AppPrimaryBrush}" /> <Setter Property="BorderThickness" Value="0" /> <Setter Property="Focusable" Value="False" /> <Setter Property="ResizeMode" Value="NoResize" /> <Setter Property="ShowInTaskbar" Value="False" /> <Setter Property="SnapsToDevicePixels" Value="True" /> <Setter Property="Topmost" Value="True" /> <Setter Property="WindowState" Value="Normal" /> <Setter Property="WindowStyle" Value="None" /> <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="{x:Type Window}"> <Grid> <Border Background="White" BorderBrush="Transparent" BorderThickness="3" CornerRadius="8"> <Border Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="1" CornerRadius="8" Style="{DynamicResource ShadowedBorder_Base}" /> </Border> </Grid> </ControlTemplate> </Setter.Value> </Setter> </Style> </code></pre> 我遇到的问题是我创建了自定义页眉/页脚控件（继承自 ContentControl），我想将其添加到此窗口。这些控件也用于其他窗口（没有圆角或具有不同的 CornerRadius）。 我的问题是，有没有办法让页眉/页脚控件根据其所在的窗口自动计算出角点需要的半径？（对于 HeaderControl，我只想更改顶角，对于 FooterControl，我只想更改底角） TIA。 </question> <answer tick="false" vote="0"> 我认为转换器是一种合理的方法，您可以将其自身传递到转换器中，检查其 <pre><code>HeaderControl</code></pre> 或 <pre><code>FooterControl</code></pre> 是否返回 <pre><code>Thickness</code></pre> 以及适当的值，这些值将成为边距。 在下面的示例中，我使用 <pre><code>VisualTreeHelper.GetParent()</code></pre> 来查找控件父级，但是如果您将控件嵌套在其他控件中，则这会失败，因此您需要到达正确的级别以查找其是否为页眉/页脚，也许可以通过传递正确的控制。 还根据此：<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><MultiBinding></code></pre>。 注意：我很快写了这篇文章，只是为了看看我可以进入转换器，因此所有错误处理等都被省略了。 <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>

c# wpf xaml rounded-corners

回答 0 投票 0

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)

android line android-progressbar rounded-corners

回答 2 投票 0

带圆角的窗口 WinUI 3

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

c# uwp rounded-corners winui-3

回答 2 投票 0

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

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

algorithm polygon computational-geometry rounded-corners

回答 1 投票 0

CSS - 带倾斜和圆角的盒子

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