android - 使用xml android在雅虎摘要新闻应用程序中绘制倾斜的矩形上边缘形状

Question

我正在尝试绘制倾斜的矩形上边缘形状并将其用作线性布局背景，如图所示：

这是我试图实现的设计的链接：http: //postimg.org/image/krjwfcisz/

我尝试绘制一个矩形并旋转它，但效果不佳。

那么如何创建那个形状。

抱歉语法错误，我不流利：P。

Answer 1

好吧，我认为回答我的问题是一件愚蠢的事情，但我这样做是因为它可能会帮助其他人。

我无法使用 XML 创建我需要的东西。

所以这里是如何使用 onDraw 方法创建一个倾斜的矩形。

首先，您需要创建一个扩展View类的类，然后

public class SharpRectView extends View {
public SharpRectView(Context context) {
    super(context);
}

public SharpRectView(Context context, AttributeSet attrs) {
    super(context, attrs);
}

public SharpRectView(Context context, AttributeSet attrs, int defStyleAttr) {
    super(context, attrs, defStyleAttr);
}

@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
    super.onMeasure(widthMeasureSpec, heightMeasureSpec);
}


@Override
protected void onDraw(Canvas canvas) {
    float width = getWidth();
    float height = getHeight();
    Path path = new Path();
    Paint paint = new Paint();
    paint.setColor(getResources().getColor(R.color.text_white));
    paint.setAntiAlias(true);
    paint.setStyle(Paint.Style.FILL_AND_STROKE);
    path.moveTo(0,0);
    path.lineTo(width, 0.26f * width);
    path.lineTo(width, height);
    path.lineTo(0, height);
    path.lineTo(0, 0);
    path.close();
    canvas.drawPath(path,paint);
}
}

然后你可以在你的布局中使用这个视图类作为自定义视图，如下所示：

<com.example.SharpRectView
            android:id="@+id/sharp_rect"
            android:layout_width="match_parent"
            android:layout_height="250dp"
            android:layout_marginTop="-120dp"
            android:layout_centerHorizontal="true"
            android:layout_alignParentBottom="true"
            />

并感谢我使用他的项目找到解决方案的人，请访问：https ://github.com/qianlvable/ParallaxEffectDemo 他的用户名是：qianlv