我想创建一个渐变背景，渐变在上半部分，在下半部分有一个纯色，如下图所示:
我不能，因为中心色展开覆盖底部和顶部。
我如何制作一个像第一张图片一样的背景?我怎么做一个小的中心色，不展开?
这是上面后台按钮的XML代码。
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle" >
<gradient
android:startColor="#6586F0"
android:centerColor="#D6D6D6"
android:endColor="#4B6CD6"
android:angle="90"/>
<corners
android:radius="0dp"/>
</shape>
当前回答
简单的方法
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle" >
<gradient
android:startColor="@color/choclate_light1"
android:centerColor="@color/choclate_light"
android:endColor="@color/choclate"
android:angle="90"/>
<!--If you need then use Corners-->
<!--<corners
android:radius="@dimen/_20sdp"/>-->
</shape>
其他回答
首先，您需要创建一个gradient.xml，如下所示
<shape>
<gradient android:angle="270" android:endColor="#181818" android:startColor="#616161" />
<stroke android:width="1dp" android:color="#343434" />
</shape>
然后你需要在布局的背景中提到上面的渐变。如下
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="@drawable/gradient"
>
</LinearLayout>
可视化的例子有助于解决这类问题。
样板
为了创建一个渐变，你在res/drawable中创建一个xml文件。我调用我的my_gradient_drawable.xml:
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<gradient
android:type="linear"
android:angle="0"
android:startColor="#f6ee19"
android:endColor="#115ede" />
</shape>
你把它设置为某个视图的背景。例如:
<View
android:layout_width="200dp"
android:layout_height="100dp"
android:background="@drawable/my_gradient_drawable"/>
类型=“线性”
设置线性类型的角度。它一定是45度的倍数。
<gradient
android:type="linear"
android:angle="0"
android:startColor="#f6ee19"
android:endColor="#115ede" />
类型=“放射状”
为径向类型设置gradienttradius。使用%p意味着它是父节点最小维度的百分比。
<gradient
android:type="radial"
android:gradientRadius="10%p"
android:startColor="#f6ee19"
android:endColor="#115ede" />
类型=“扫描”
我不知道为什么有人会使用扫描，但我包括它的完整性。我不知道如何改变角度，所以我只包括一张图像。
<gradient
android:type="sweep"
android:startColor="#f6ee19"
android:endColor="#115ede" />
中心
还可以更改扫描类型的中心或径向类型。这些值是宽度和高度的分数。您也可以使用%p符号。
android:centerX="0.2"
android:centerY="0.7"
你可以通过使用xml图层列表来创建这种“半渐变”外观，将顶部和底部的“带”合并到一个文件中。每个带都是一个xml形状。
查看之前关于SO的回答，了解详细教程:多梯度形状。
为什么不创建一个图像或9补丁图像并使用它?
下面的链接提供了一个很好的指南:
http://android.amberfog.com/?p=247
如果你坚持使用Shape，试试下面的网站(选择左下角的Android): http://angrytools.com/gradient/
我已经创建了一个类似的梯度(不精确)，你有一个在这个链接: http://angrytools.com/gradient/?0_6586f0,54_4B6CD6,2_D6D6D6&0_100,100_100&l_269
或者你可以在代码中使用你在PSD中想到的任何东西:
private void FillCustomGradient(View v) {
final View view = v;
Drawable[] layers = new Drawable[1];
ShapeDrawable.ShaderFactory sf = new ShapeDrawable.ShaderFactory() {
@Override
public Shader resize(int width, int height) {
LinearGradient lg = new LinearGradient(
0,
0,
0,
view.getHeight(),
new int[] {
getResources().getColor(R.color.color1), // please input your color from resource for color-4
getResources().getColor(R.color.color2),
getResources().getColor(R.color.color3),
getResources().getColor(R.color.color4)},
new float[] { 0, 0.49f, 0.50f, 1 },
Shader.TileMode.CLAMP);
return lg;
}
};
PaintDrawable p = new PaintDrawable();
p.setShape(new RectShape());
p.setShaderFactory(sf);
p.setCornerRadii(new float[] { 5, 5, 5, 5, 0, 0, 0, 0 });
layers[0] = (Drawable) p;
LayerDrawable composite = new LayerDrawable(layers);
view.setBackgroundDrawable(composite);
}
