2014-09-10 15 views
10

Come posso creare una forma trapezoidale come l'immagine qui sotto?come costruire una forma trapezoidale in Android?

enter image description here

non voglio usare un'immagine o 9.png.

+1

uso ShapeDrawable std con una forma personalizzata – pskink

+0

Utilizzare un disegnabile vettore: Vedere la mia risposta qui sotto. –

+0

Controlla questa [risposta] (http://stackoverflow.com/questions/41551094/how-to-create-leaning-list-items/41622884#41622884) –

risposta

12

Prova questo:

<?xml version="1.0" encoding="utf-8"?> 
<vector xmlns:android="http://schemas.android.com/apk/res/android" 
    android:width="292dp" 
    android:height="172dp" 
    android:viewportWidth="292" 
    android:viewportHeight="172"> 

    <path 
     android:strokeWidth="1.5" 
     android:strokeMiterLimit="10" 
     android:pathData="M 27.046 96.615 L 16.416 150.396 L 271.534 150.396 L 186.495 22.836 L 37.676 22.836 L 27.046 86.615 Z" /> 

    <path 
     android:fillColor="#00ff00" 
     android:strokeWidth="1.5" 
     android:strokeMiterLimit="10" 
     android:pathData="M 16.046 20.615 L 13.416 150.396 L 271.534 150.396 L 186.495 22.836 L 37.676 22.836 L 16.046 23.615 Z " /> 
</vector> 

enter image description here

+0

Raccomando questa risposta. Vedi la mia risposta [qui] (http://stackoverflow.com/a/42145439/7292819) per i collegamenti alla documentazione e un esempio che darà un po 'più di idea su come usarlo. – Gary99

+0

Ci scusiamo per la mia domanda, ma perché hai usato prima ??? –

2

Questa classe è un View che definisce e disegna un trapezio ShapeDrawable. Così il trapezio, essendo un Drawable, può essere utilizzato anche negli sfondi.

package com.stackoverflow.questions.q25768037; 

import android.content.Context; 
import android.graphics.Canvas; 
import android.graphics.Color; 
import android.graphics.Paint; 
import android.graphics.Path; 
import android.graphics.drawable.ShapeDrawable; 
import android.graphics.drawable.shapes.PathShape; 
import android.util.AttributeSet; 
import android.view.View; 

public class TrapezoidView extends View { 

    private ShapeDrawable mTrapezoid; 

    public TrapezoidView(Context context, AttributeSet attrs) { 
     super(context, attrs); 

     Path path = new Path(); 
     path.moveTo(0.0f, 0.0f); 
     path.lineTo(100.0f, 0.0f); 
     path.lineTo(200.0f, 100.0f); 
     path.lineTo(0.0f, 100.0f); 
     path.lineTo(0.0f, 0.0f); 

     mTrapezoid = new ShapeDrawable(new PathShape(path, 200.0f, 100.0f)); 
     mTrapezoid.getPaint().setStyle(Paint.Style.FILL_AND_STROKE); 
     mTrapezoid.getPaint().setStrokeWidth(1.0f); 
     mTrapezoid.getPaint().setColor(Color.GREEN); 
    } 

    @Override 
    protected void onSizeChanged(int w, int h, int oldw, int oldh) { 
     mTrapezoid.setBounds(0, 0, w, h); 
    } 

    @Override 
    protected void onDraw(Canvas canvas) { 
     mTrapezoid.draw(canvas); 
    } 
}