如何在android中创建弯曲的底部边框矩形?

如何在android中创建弯曲的底部边框矩形?

问题描述:

如何创建具有完美的弧形底部使用XML这样的机器人绘制:如何在android中创建弯曲的底部边框矩形?

enter image description here

我已经试过这种XML,但结果却并不完美

<?xml version="1.0" encoding="UTF-8"?> 
<shape xmlns:android="http://schemas.android.com/apk/res/android"> 
    <solid android:color="#5f9c63"/> 

    <padding android:left="1dp" 
     android:top="1dp" 
     android:right="1dp" 
     android:bottom="1dp" /> 

    <corners android:bottomRightRadius="100dp" 
     android:bottomLeftRadius="100dp" 
     android:topLeftRadius="0dp" 
     android:topRightRadius="0dp"/> 
</shape> 

任何想法?

感谢

+0

嗨,你可以得到你的预期形状的图片 – Sheychan

+0

嗨@Sheychan这张图我的预期形状。 https://i.stack.imgur.com/UMvDq.png –

我认为你正在寻找的东西是这样的: -

<?xml version="1.0" encoding="utf-8"?> 
<vector xmlns:android="http://schemas.android.com/apk/res/android" 
     android:width="48dp" 
     android:height="48dp" 
     android:viewportHeight="12" 
     android:viewportWidth="12"> 

    <path 
     android:fillColor="@android:color/holo_red_light" 
     android:pathData="M 2,9 C 2,9 4,10 6,10 C 8,10 10,9 10,9 L 10,0 2,0 2,8" 
     android:strokeWidth="0.1"/> 

</vector> 

enter image description here

使用了最新的Android矢量绘制,给你在绘画和更好的结果更多的权力。您可以逐个像素地管理绘图。

让我附加了多个选项,这样你可以得到清晰的照片什么的微小变化可以在矢量绘制

<vector xmlns:android="http://schemas.android.com/apk/res/android" 
     android:width="48dp" 
     android:height="48dp" 
     android:viewportHeight="12" 
     android:viewportWidth="12"> 

    <path 
     android:fillColor="@android:color/holo_red_light" 
     android:pathData="M 2,9 C 2,9.5 4,10 6,10 C 8,10 10,9.5 10,9 L 10,0 2,0 2,8" 
     android:strokeWidth="0.1"/> 

</vector> 

enter image description here

在这个第二图像做,你可以看到曲线是通过改变更加圆润价值不大。如果你真的想了解矢量绘图,请参考here,它会为你提供很棒的矢量绘图经验。

+0

yeeyy,它的作品适合我。真棒。非常感谢。你拯救我的一天。 :) @avi –

+0

@avi这可以工作,但我需要设置此形状的宽度以匹配父项。我怎么做? –

+0

是否要从左侧移除填充或需要其他内容? – Avi

更改角落这样:

<corners 
    android:radius="200dp" 
    android:topLeftRadius="0dp" 
    android:topRightRadius="0dp" 
    /> 

这将是完美的圆形,也许不是你想要的水平。

+0

刚刚尝试过'android:radius =“200dp”'。但仍然没有达到我的预期,比如https://i.stack.imgur.com/UMvDq.png。 thx的想法顺便说一句。 :) –