【问题标题】:How to create layout having top Left and Right Round Corners in android?如何在android中创建具有左上角和右上角的布局?
【发布时间】:2019-07-25 21:13:03
【问题描述】:

我需要创建左上角和右上角有圆角的布局,我也尝试过通过可绘制收音机,但我的父布局内有 imageview,所以这就是为什么我没有得到我想要的形状。

谁能帮我实现这种用户界面

【问题讨论】:

  • 请分享你想要的用户界面图片

标签: android android-layout


【解决方案1】:

试试这个:

<corners android:topLeftRadius="6dp" android:topRightRadius="6dp"
         android:bottomLeftRadius="0.1dp" android:bottomRightRadius="0.1dp"/>

作为可绘制的。来源-Android - drawable with rounded corners at the top only

【讨论】:

  • 感谢您的宝贵时间,但我在此布局中有 imageview 和其他组件,这就是 imageview 与这种可绘制对象重叠的原因
【解决方案2】:

您是否尝试通过创建新的可绘制资源文件来添加?

    <?xml version="1.0" encoding="utf-8"?>
<shape
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">

    <!-- view background color -->
    <solid
        android:color="#a9c5ac" >
    </solid>

    <!-- view border color and width -->
    <stroke
        android:width="3dp"
        android:color="#1c1b20" >
    </stroke>

    <!-- If you want to add some padding -->
    <padding
        android:left="4dp"
        android:top="4dp"
        android:right="4dp"
        android:bottom="4dp"    >
    </padding>

    <!-- Here is the corner radius -->
    <corners
        android:radius="10dp"   >
    </corners>

</shape>

将此添加到您所需的布局文件中

【讨论】:

  • 考虑我有两个布局父有这个由你提供的背景,另一个是有 imageview 的孩子。在这种情况下,我没有在 imageview 上得到圆角
【解决方案3】:

这是你可以使用的。对于您想要的颜色,请使用您想要的不同颜色。仅将其用于需要圆角的布局而不是父布局


<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <solid android:color="@android:color/transparent" />
    <stroke
        android:width="1dp"
        android:color="@android:color/white" />
    <corners android:radius="15dp" />
    <padding
        android:bottom="5dp"
        android:left="10dp"
        android:right=10dp"
        android:top="5dp" />
</shape>

【讨论】:

    【解决方案4】:

    您可以在左上角和右上角创建具有半径的可绘制资源,并将其设置为布局的背景 或者你可以使用这个库 https://github.com/florent37/ShapeOfView

    【讨论】:

      猜你喜欢
      • 2021-01-13
      • 2020-10-27
      • 2012-09-13
      • 2021-10-30
      • 2012-02-17
      • 1970-01-01
      • 1970-01-01
      • 2013-05-10
      • 1970-01-01
      相关资源
      最近更新 更多