Как создать фон формы параллелограмма?

Я пытаюсь сделать фона параллелограмма для своего текстового просмотра, но он не отображается правильно … он отображает следующий вывод

введите описание изображения здесь

         

Мне нужен выход вроде этого ……..

введите описание изображения здесь

    В качестве альтернативы ответу @ mmlooloo, к которому относится кредит, я предлагаю xml-drawable solution (поскольку вы не особо указали, какое именно решение вы ищете). В приведенном ниже примере я использовал общий View , однако вы можете использовать любой другой.

    Вот View

      

    и сам shape.xml

                                 

    Вот как это выглядит:

    введите описание изображения здесь

    вы можете добиться этого, создав пользовательский Textview следующим образом:

     public class ParallogramTextView extends TextView { Paint mBoarderPaint; Paint mInnerPaint; public ParallogramTextView(Context context) { super(context); init(); } public ParallogramTextView(Context context, AttributeSet attrs, int defStyle) { super(context, attrs, defStyle); init(); } public ParallogramTextView(Context context, AttributeSet attrs) { super(context, attrs); init(); } private void init() { mBoarderPaint = new Paint(); mBoarderPaint.setAntiAlias(true); mBoarderPaint.setColor(Color.BLACK); mBoarderPaint.setStyle(Paint.Style.STROKE); mBoarderPaint.setStrokeWidth(6); mInnerPaint = new Paint(); mInnerPaint.setAntiAlias(true); mInnerPaint.setColor(Color.parseColor("#13a89e")); mInnerPaint.setStyle(Paint.Style.FILL); mInnerPaint.setStrokeJoin(Paint.Join.ROUND); } @Override public void draw(Canvas canvas) { super.draw(canvas); Path path = new Path(); path.moveTo(getWidth(),0); path.lineTo(getWidth()/2, 0); path.lineTo(0, getHeight()); path.lineTo(getWidth()/2,getHeight()); path.lineTo(getWidth(), 0); canvas.drawPath(path, mInnerPaint); canvas.drawPath(path, mBoarderPaint); } } 

    и в файле макета используйте его, как показано ниже:

        

    результат:

    введите описание изображения здесь

             

    Это работает на фоне не только белого цвета, как в примере выше

    Вы имеете в виду меню навигации? Если это так, вы можете использовать этот код для создания параллелограмма:

     ul#nav li a { display: inline-block; text-decoration:none; padding:4px 10px; border-radius:3px; transform: skew(-10deg); -o-transform: skew(-10deg); -moz-transform: skew(-10deg); -webkit-transform: skew(-10deg); color:#000000; } ul#nav li a span { display: inline-block; transform: skew(10deg); -o-transform: skew(10deg); -moz-transform: skew(10deg); -webkit-transform: skew(10deg); } 

    Вы также можете проверить версию HTML и CSS в кодефене .

    Надеюсь это поможет.

    Давайте будем гением компьютера.