繁体   English   中英

如何实现圆角桌子?

How to implement a table with round corners?

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

这就是我要的:

在此输入图像描述

这就是我所做的:

在此输入图像描述

区别在于线和边框之间有一些空格,因为我使用padding=10dp作为外边框:

<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="#FFFFFF"/>
    <stroke android:width="2dp" android:color="#808080"/>
    <corners
            android:radius="10dp"/>
    <padding
            android:left="10dp"
            android:top="10dp"
            android:right="10dp"
            android:bottom="10dp"/>
</shape>

我这样做了吗? 我该如何解决这个问题?

3 个回复

这是你想要的xml文件。

从xml文件中删除填充,并在每个小部件中添加填充。 这里test.xml是你的后台xml文件,带有padding属性。

 <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content" 
        android:orientation="vertical"
        android:layout_gravity="center_horizontal"
        android:background="@drawable/test"
        android:layout_margin="10dp">

        <TextView
            android:id="@+id/textView"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content" 
            android:text="Sample TextView"
            android:padding="10dp"/>

        <View 
            android:layout_width="fill_parent"
            android:layout_height="2dp"
            android:background="#000000" />

        <TextView
            android:id="@+id/textView"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content" 
            android:text="Sample TextView"
            android:padding="10dp"/>

        </LinearLayout>

编辑 test.xml文件

<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="#FFFFFF"/>
    <stroke android:width="2dp" android:color="#808080"/>
    <corners
            android:radius="10dp"/>

</shape>

在此输入图像描述

删除填充。 将元素放在每个框中,并为每个框添加填充。

解决方案1: //删除形状的填充

解决方案2: //保持填充不变

并为您的视图添加边距,即您绘制为水平线的那条线

android:marginLeft="-10dp"
android:marginRight="-10dp"

//为最高的一个

android:marginTop="-10dp"
1 如何圆桌角[重复]

这个问题在这里已经有了答案: 仅圆桌角 CSS (18 个回答) 1 年前关闭。 如何使用css圆化html表 ...

2019-10-25 11:10:14 3 71   html/ css
2 如何在没有CSS的情况下圆角化表格?

我有以下2x1单元格,其中单元格1中有图像,单元格2中有文本。我想要圆角,例如在此处找到的示例。 我使用了border-radius但仍然有硬的角。 我不能使用CSS,因为这是将通过电子邮件发送的新闻通讯。 我感谢任何见识。 ...

3 圆桌角

您能帮我把桌子角弄圆吗? 我已经尝试过简单的border-radius但这只是将边界分割为角落。 这是由我的浏览器(Firefox)还是它的bug引起的? Jsfiddle- http://jsfiddle.net/vuys8eef/ ...

4 如何圆角处理图像?

以编程方式(使用HTML,CSS,JavaScript和/或PHP)绕过图像的最佳方法是什么? 我一直在使用这种仅CSS的方法: http : //maxvoltar.com/archive/rounded-corners-on-images-css-only 该方法的主要特点是: ...

6 如何使按钮的角变圆

我有一个矩形图像 (jpg) 并想用它来填充 xcode 中带有圆角的按钮的背景。 我写了以下内容: 然而,我用这种方法得到的按钮没有圆角:它是一个看起来与我的原始图像完全一样的普通矩形。 我怎样才能得到一个带有圆角的图像来代表我的按钮? 谢谢! ...

9 我怎样才能圆角容器表视图?

我有一个主视图控制器。 它包含一个表视图控制器(在一个容器中),我想要整理tableview,所以它显示类似于facebook登录一个。 代码我在viewDidLoad中的子视图控制器(它是一个tableview控制器)中使用过: 结果: 如您所见,当选择该字段时,角落S ...

10 如何将thead的角落四舍五入为圆桌头?

我试图在最左边和最右边四舍五入表格标题thead th。 我将它们弄圆了,但是底层的tr戳了背景色,方法是留下两个带有圆角的th,但是从thead tr戳出一个尖锐的边缘。 我尝试在Firefox inspect元素中玩转以实时应用CSS,但是我无法摆脱锋利的边缘。 ta ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2021 STACKOOM.COM