我有一个textview,并希望它的角落是圆形的。我已经知道可以使用android:background="@drawable/somefile"
完成。在我的情况下,此标记已包含在内,因此无法再次使用。例如android:background="@drawable/mydialogbox"
已经在那里创建背景图像
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="wrap_content"
android:layout_height="fill_parent"
android:layout_gravity="top"
android:background="@drawable/mydialogbox"
android:orientation="horizontal" >
<TextView
android:id="@+id/textview_name"
android:layout_alignParentTop="true"
android:layout_centerHorizontal="true" />
</LinearLayout>
</RelativeLayout>
所以当我希望textview(textview_name)
也有圆角时,如何实现这一目标。
答案 0 :(得分:388)
1)在rounded_corner.xml
文件夹中创建drawable
并添加以下内容
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
<stroke
android:width="1dp"
android:color="@color/common_border_color" />
<solid android:color="#ffffff" />
<padding
android:left="1dp"
android:right="1dp"
android:bottom="1dp"
android:top="1dp" />
<corners android:radius="5dp" />
</shape>
2)在TextView
背景属性中设置此drawable。例如:
android:background="@drawable/rounded_corner"
我希望这对你有用。
答案 1 :(得分:14)
由于您的顶级视图已经设置了android:background属性,因此您可以使用<layer-list>
(link)创建一个新的XML drawable,它结合了旧背景和新的圆角背景
列表中的每个<item>
元素都会在下一个元素上绘制,因此列表中的最后一个项目最终位于顶部。
<?xml version="1.0" encoding="utf-8"?>
<layer-list
xmlns:android="http://schemas.android.com/apk/res/android" >
<item>
<bitmap android:src="@drawable/mydialogbox" />
</item>
<item>
<shape>
<stroke
android:width="1dp"
android:color="@color/common_border_color" />
<solid android:color="#ffffff" />
<padding
android:left="1dp"
android:right="1dp"
android:top="1dp" />
<corners android:radius="5dp" />
</shape>
</item>
</layer-list>
答案 2 :(得分:10)
在radius
旁边,还有一些属性,例如topRightRadius
,topLeftRadius
,bottomRightRadius
,bottomLeftRadius
示例TextView
具有red
边框with corner and
灰色背景
bg_rounded.xml
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<stroke
android:width="10dp"
android:color="#f00" />
<solid android:color="#aaa" />
<corners
android:radius="5dp"
android:topRightRadius="100dp" />
</shape>
TextView
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@drawable/bg_rounded"
android:text="Text"
android:padding="20dp"
android:layout_margin="10dp"
/>
结果
答案 3 :(得分:9)
通过材料成分库,您可以使用MaterialShapeDrawable
。
使用 TextView
:
<TextView
android:id="@+id/textview"
../>
您可以通过编程方式应用MaterialShapeDrawable
:
float radius = getResources().getDimension(R.dimen.corner_radius);
TextView textView = findViewById(R.id.textview);
ShapeAppearanceModel shapeAppearanceModel = new ShapeAppearanceModel()
.toBuilder()
.setAllCorners(CornerFamily.ROUNDED,radius)
.build();
MaterialShapeDrawable shapeDrawable = new MaterialShapeDrawable(shapeAppearanceModel);
ViewCompat.setBackground(textView,shapeDrawable);
如果要更改背景颜色和边框,只需应用:
shapeDrawable.setFillColor(ContextCompat.getColorStateList(this,R.color.....));
shapeDrawable.setStroke(2.0f, ContextCompat.getColor(this,R.color....));
答案 4 :(得分:5)
在drawable文件夹下创建一个xml gradient.xml文件
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item>
<shape android:shape="rectangle" >
<corners android:radius="50dip" />
<stroke android:width="1dip" android:color="#667162" />
<gradient android:angle="-90" android:startColor="#ffffff" android:endColor="#ffffff" />
</shape>
</item>
</selector>
然后将其添加到TextView
android:background="@drawable/gradient"
答案 5 :(得分:4)
您可以使用提供的矩形形状(不使用渐变,除非您需要),如下所示:
在var k=0;
for(var i=0; i<this.JSON1.length; i++){
for(var j=0; j<this.JSON1[i].data.length; j++){
console.log("j",j);
this.JSON1[i].data[j].value = this.JSON2[k];
k++;
}
}
:
drawable/rounded_rectangle.xml
然后在你的文字视图中:
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<corners android:radius="5dp" />
<stroke android:width="1dp" android:color="#ff0000" />
<solid android:color="#00ff00" />
</shape>
当然,您需要自定义尺寸和颜色。
答案 6 :(得分:4)
1。右键单击Drawable文件夹并创建新文件 2.根据您的名字命名文件,并将扩展名添加为.xml。 3.在文件中添加以下代码
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<corners android:radius="5dp" />
<stroke android:width="1dp" />
<solid android:color="#1e90ff" />
</shape>
4。在要舍入的edg android:background="@drawable/corner"
答案 7 :(得分:3)
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item android:id="@android:id/background">
<shape>
<corners android:radius="5dp" />
<solid android:color="#ffffff"/>
</shape>
</item>
</layer-list>
答案 8 :(得分:1)
有两个步骤
1)在可绘制文件夹中创建此文件:-rounded_corner.xml
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<corners android:radius="10dp" /> // set radius of corner
<stroke android:width="2dp" android:color="#ff3478" /> // set color and width of border
<solid android:color="#FFFFFF" /> // inner bgcolor
</shape>
2)将此文件设置为TextView
作为背景属性。
android:background="@drawable/rounded_corner"
您也可以在Button或Edittext中使用此可绘制对象
答案 9 :(得分:0)
您可以使用SVG圆角化并加载到ImageView中,并使用ConstraintLayout将ImageView带到TextView上
我将其用于舍入的ImageView和舍入的TextView
答案 10 :(得分:-2)
只需使用圆角图像作为该视图的背景
别忘了将自定义图像放在可绘制文件夹中
android:background="@drawable/my_custom_image"