Android uses shape to present special effects on android Components

Layout file used

[Java]
<? 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 = "fill_parent"
Android: orientation = "vertical"
Android: background = "# ffffff"
Android: gravity = "center_horizontal">
 
<TextView
Android: id = "@ + id/text"
Android: layout_width = "wrap_content"
Android: layout_height = "wrap_content"
Android: textColor = "#000000"
Android: text = "unused effects"
Android: layout_marginTop = "30dp"
/>
<EditText
Android: id = "@ + id/edit"
Android: layout_width = "280dp"
Android: layout_height = "wrap_content"
Android: textColor = "#000000"
Android: text = "effect not used effect"
Android: cursorVisible = "true"
/>
<TextView
Android: id = "@ + id/text"
Android: layout_width = "wrap_content"
Android: layout_height = "wrap_content"
Android: textColor = "#000000"
Android: text = "effects"
Android: layout_marginTop = "10dp"
/>
<EditText
Android: id = "@ + id/edit2"
Android: layout_width = "280dp"
Android: layout_height = "wrap_content"
Android: textColor = "#000000"
Android: text = "use effect"
Android: background = "@ drawable/shape"
Android: cursorVisible = "true"
/>

 
</LinearLayout>
Used shape File

[Java]
<? Xml version = "1.0" encoding = "UTF-8"?>
<Shape xmlns: android = "http://schemas.android.com/apk/res/android">
 
<Corners
Android: radius = "10dp"
/>
<Gradient
Android: startColor = "#33CC00"
Android: endColor = "#666600"
Android: angle = "45"
/>
<Padding
Android: left = "5dp"
Android: top = "5dp"
Android: right = "5dp"
Android: bottom = "5dp"
/>
<Stroke
Android: width = "3dp"
Android: color = "# FF3300"
/>

</Shape>

This section describes the functions of shape files.

Gradient mainly sets the background color gradient. StartColor indicates the starting color, endColor indicates the ending color, and angle indicates the gradient angle.

Padding mainly sets the distance between the content in the component and the border in the component.

Stroke mainly sets the widget border. Width indicates the Border width, and color indicates the border color.
 

 

From the Central-Perk Column