带圆角的 FrameLayout
FrameLayout with rounded corners
我的根视图(线性:垂直)内有一个 FrameLayout,我用它来根据用户输入保存不同的片段。 FrameLayout 比背景小,所以看起来是"floating"。
如何圆化 FrameLayout 的角?
FrameLayout 中的碎片不是图片,所以我无法裁剪它们。
创建一个 xml 文件,例如your_rounded_shape.xml
,在你的drawable文件夹中添加如下代码:
<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<solid android:color="#CCCCCC"/>
<stroke android:width="2dp"
android:color="#999999"/>
<padding android:left="2dp"
android:top="2dp"
android:right="2dp"
android:bottom="2dp"/>
<corners android:radius="8dp" />
</shape>
然后在您的 FrameLayout
中使用 your_rounded_shape.xml
作为背景。像这样:
<FrameLayout
android:width="match_parent"
android:height="wrap_content"
android:background="@drawable/your_rounded_shape"/>
用 CardView 布局替换 FrameLayout。
<android.support.v7.widget.CardView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:cardCornerRadius="8dp">
</android.support.v7.widget.CardView>
只是对上述答案的改进:
这个 xml 文件的名称 比方说 rounded_frame_layout.xml
<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<solid android:color="#CCCCCC"/>
<stroke android:width="2dp"
android:color="#999999"/>
<padding android:left="2dp"
android:top="2dp"
android:right="2dp"
android:bottom="2dp"/>
<corners android:radius="8dp"/>
</shape>
Then use your drawable as follows:
<FrameLayout
android:width="match_parent"
android:height="wrap_content"
android:background="@drawable/rounded_frame_layout"/>
我的根视图(线性:垂直)内有一个 FrameLayout,我用它来根据用户输入保存不同的片段。 FrameLayout 比背景小,所以看起来是"floating"。
如何圆化 FrameLayout 的角?
FrameLayout 中的碎片不是图片,所以我无法裁剪它们。
创建一个 xml 文件,例如your_rounded_shape.xml
,在你的drawable文件夹中添加如下代码:
<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<solid android:color="#CCCCCC"/>
<stroke android:width="2dp"
android:color="#999999"/>
<padding android:left="2dp"
android:top="2dp"
android:right="2dp"
android:bottom="2dp"/>
<corners android:radius="8dp" />
</shape>
然后在您的 FrameLayout
中使用 your_rounded_shape.xml
作为背景。像这样:
<FrameLayout
android:width="match_parent"
android:height="wrap_content"
android:background="@drawable/your_rounded_shape"/>
用 CardView 布局替换 FrameLayout。
<android.support.v7.widget.CardView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:cardCornerRadius="8dp">
</android.support.v7.widget.CardView>
只是对上述答案的改进:
这个 xml 文件的名称 比方说 rounded_frame_layout.xml
<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<solid android:color="#CCCCCC"/>
<stroke android:width="2dp"
android:color="#999999"/>
<padding android:left="2dp"
android:top="2dp"
android:right="2dp"
android:bottom="2dp"/>
<corners android:radius="8dp"/>
</shape>
Then use your drawable as follows:
<FrameLayout
android:width="match_parent"
android:height="wrap_content"
android:background="@drawable/rounded_frame_layout"/>