florent37 / diagonallayout Goto Github PK

View Code? Open in Web Editor NEW

2.6K 51.0 323.0 24.51 MB

With Diagonal Layout explore new styles and approaches on material design

License: Apache License 2.0

Java 99.18% Shell 0.82%

android material-design elevation diagonal layout design

diagonallayout's Introduction

DiagonalLayout

With Diagonal Layout explore new styles and approaches on material design

Usage

<com.github.florent37.diagonallayout.DiagonalLayout
        android:layout_width="match_parent"
        android:layout_height="250dp"
        diagonal:diagonal_angle="10"
        diagonal:diagonal_position="left / right / top / bottom"
        diagonal:diagonal_direction="left / right"
        android:elevation="10dp"
        >

        <!-- YOUR CONTENT -->

</com.github.florent37.diagonallayout.DiagonalLayout>

Sample

Bottom

<com.github.florent37.diagonallayout.DiagonalLayout
        android:layout_width="match_parent"
        android:layout_height="250dp"
        android:elevation="10dp"
        app:diagonal_angle="20"
        diagonal:diagonal_direction="left"
        diagonal:diagonal_position="bottom">

        <ImageView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:scaleType="centerCrop"
            android:src="@drawable/mountains" />

</com.github.florent37.diagonallayout.DiagonalLayout>

Top

<com.github.florent37.diagonallayout.DiagonalLayout
        android:layout_width="match_parent"
        android:layout_height="250dp"
        android:elevation="10dp"
        app:diagonal_angle="20"
        app:diagonal_position="top"
        app:diagonal_direction="right">

        <ImageView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:scaleType="centerCrop"
            android:src="@drawable/mountains" />

</com.github.florent37.diagonallayout.DiagonalLayout>

Position / Direction

Elevation

Do not forget to add elevation with android:elevation="**dp"

KenBurns

Using https://github.com/flavioarfaria/KenBurnsView

<com.github.florent37.diagonallayout.DiagonalLayout
        android:id="@+id/diagonalLayout"
        android:layout_width="match_parent"
        android:layout_height="250dp"
        diagonal:diagonal_angle="10"
        diagonal:diagonal_position="left"
        android:elevation="30dp"
        >

        <com.flaviofaria.kenburnsview.KenBurnsView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:scaleType="centerCrop"
            android:src="@drawable/background"
            />

        ...

</com.github.florent37.diagonallayout.DiagonalLayout>

Inspirations

Exploration of some new styles and approaches on material design. This one here is a user profile for Hollywood personas

https://material.uplabs.com/posts/user-profile-concept

Download

In your module

compile 'com.github.florent37:diagonallayout:1.0.9'

Logs

1.0.1

Added Elevation

1.0.2

Can setup the diagonal on top or bottom
Fixed angle calculation
Added flag attributes top|bottom|left|right

1.0.3

Thanks to ZieIony

Changed clipping method
Changed shadow casting method
Removed unnecessary content layout
added support for padding

1.0.4

Removed :gravity
Added :position & direction

Credits

Author: Florent Champigny Blog : http://www.tutos-android-france.com/

Fiches Plateau Moto : https://www.fiches-plateau-moto.fr/

License

Copyright 2016 florent37, Inc.

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

   http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.

diagonallayout's People

Contributors

Stargazers

Watchers

Forkers

ryanfu wcy10586 vorabhai jiashilei-1985 yznyan widegalaxy happydeerlet zhjunvj neil-orzzh rxmurphy galaxyfonts nilopc-learning-android zpjayyy muxi166 bighk ptahsohn huoshulei techscientist chonrp27512 augmify mrcsxsiq ps-jimmy evrimulgen the-javatar cfirmo33 lerist wangzhanwen gitphoenix heart2009 szn0212 initliu huyanghu poovarasanvasudevan naseemakhtar994 simongiesen vicmikhailau android4u hkmopen mldeng konvergent cqf-hn kyoucr nothshow tanlocle0495 schafferwang0818 zwar1998 t1amat9409 vmdao ricots navychang 243787656 mrx-andy akingyin1987 zy841336855 jianghuashan zsg555 suvofer beasonshu colorchenvip devenlu matrixxun selfimprw sciage luwei2012 kidoncio wushange lx602292982 tieusangaka luoyiqi paulkagiri fadsel reresetyawan maxiaobu mystrawberry fixerteam apcwowo shuangqingfeng aikongmeng seerazz heyi1994 sangupandi sivabe35 maniacs-m 18502778916 vibhudadhichi spg7484 dahaidadavid zieiony panwrona zyggit jarhot1992 pollux- viclee888 nienlm-hhtv suryasinghvijay hoangcuong200693 haikuowuya rameshvoltella uclides jninber

diagonallayout's Issues

DiagonalLayout doesn't work properly on android 4.+

DiagonalLayout work like a charm on android 6.+ but doesn't work properly on android 4.+.
Thanks

Angle value changes in RecyclerView

In my RecyclerView, every item uses this XML:

<?xml version="1.0" encoding="utf-8"?>
<com.github.florent37.diagonallayout.DiagonalLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/diagonal_container_left"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    app:diagonal_direction="right"
    app:diagonal_position="left">

    <com.github.florent37.diagonallayout.DiagonalLayout
        android:id="@+id/diagonal_container_right"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:diagonal_direction="right"
        app:diagonal_position="right">

        <ImageView
            android:id="@+id/img"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:adjustViewBounds="true"
            app:type="image" />

    </com.github.florent37.diagonallayout.DiagonalLayout>
</com.github.florent37.diagonallayout.DiagonalLayout>

I set DiagonalLayout angles simply like that in my Adapter (according to the item's position):

if (getAdapterPosition() == 0) {
        diagonalContainerRight.setAngle(10);
} else if (getAdapterPosition() == getItemCount() - 1) {
        diagonalContainerLeft.setAngle(10);
} else {
        diagonalContainerLeft.setAngle(10);
        diagonalContainerRight.setAngle(10);
}

And here is the result:

Everything on this screenshot is 10 degrees rotated.

However, as you can see, there is a problem that happens only when I use DiagonalLayout in RecyclerView items : angles are not equals.

Images and both red and green rectangles should all be parallels, but it seems that DiagonalLayout angle changes when it is used in a list.

Is there a way to resolve this problem?

Bottom Line in DiagonalLayout on Nexus 7 and S

Versions:

compileSdkVersion 26
buildToolsVersion '26.0.2'

Nexus 7:

Nexus S:

Nexus 5X (No Line)

I get unwanted bottom line on Nexus S and 7, but on other devices, it has no such thing. What might be the issue?

How to implement with collapsing toolbar layout

Can't make it work with collapsing toolbar layout. Here is my code. It is showing usual rectangular size.

<android.support.design.widget.CoordinatorLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:diagonal="http://schemas.android.com/tools"
    android:id="@+id/main_content"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true">

    <android.support.design.widget.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:fitsSystemWindows="true"
        android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">

        <android.support.design.widget.CollapsingToolbarLayout
            android:id="@+id/collapsing_toolbar"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:fitsSystemWindows="true"
            app:contentScrim="?attr/colorPrimary"
            app:expandedTitleMarginEnd="64dp"
            app:expandedTitleMarginStart="48dp"
            app:layout_scrollFlags="scroll|exitUntilCollapsed">

            <com.github.florent37.diagonallayout.DiagonalLayout
                android:id="@+id/diagonalLayout"
                android:layout_width="match_parent"
                android:layout_height="250dp"
                diagonal:diagonal_angle="50"
                diagonal:diagonal_direction="right"
                diagonal:diagonal_position="bottom"
                >

                <com.flaviofaria.kenburnsview.KenBurnsView
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:scaleType="centerCrop"
                    android:src="@drawable/spider_man"
                    />
            </com.github.florent37.diagonallayout.DiagonalLayout>

            <android.support.v7.widget.Toolbar
                android:id="@+id/toolbar"
                android:layout_width="match_parent"
                android:layout_height="?attr/actionBarSize"
                app:layout_scrollFlags="scroll|enterAlways"/>

        </android.support.design.widget.CollapsingToolbarLayout>
    </android.support.design.widget.AppBarLayout>
</android.support.design.widget.CoordinatorLayout>

Render Problem

I'm getting the following error!
because of which I'm not able to see the preview in Android Studio, but the output can be seen when run on an Android device.

java.lang.IllegalArgumentException: Underflow in restoreToCount - more restores than saves
at android.graphics.Canvas.restoreToCount(Canvas.java:599)
at com.github.florent37.diagonallayout.DiagonalLayout.dispatchDraw(DiagonalLayout.java:295)
at android.view.View.draw(View.java:19024)
at android.view.ViewGroup.drawChild_Original(ViewGroup.java:4256)
at android.view.ViewGroup_Delegate.drawChild(ViewGroup_Delegate.java:63)
at android.view.ViewGroup.drawChild(ViewGroup.java:4256)
at android.view.ViewGroup.dispatchDraw(ViewGroup.java:4042)
at android.view.View.draw(View.java:19159)
at android.view.View.draw(View.java:19026)
at android.view.ViewGroup.drawChild_Original(ViewGroup.java:4256)
at android.view.ViewGroup_Delegate.drawChild(ViewGroup_Delegate.java:63)
at android.view.ViewGroup.drawChild(ViewGroup.java:4256)
at android.view.ViewGroup.dispatchDraw(ViewGroup.java:4042)
at android.view.View.draw(View.java:19024)
at android.view.ViewGroup.drawChild_Original(ViewGroup.java:4256)
at android.view.ViewGroup_Delegate.drawChild(ViewGroup_Delegate.java:63)
at android.view.ViewGroup.drawChild(ViewGroup.java:4256)
at android.view.ViewGroup.dispatchDraw(ViewGroup.java:4042)
at android.view.View.draw(View.java:19159)
at com.android.layoutlib.bridge.impl.RenderSessionImpl.renderAndBuildResult(RenderSessionImpl.java:403)
at com.android.layoutlib.bridge.impl.RenderSessionImpl.renderAndBuildResult(RenderSessionImpl.java:550)
at com.android.layoutlib.bridge.impl.RenderSessionImpl.render(RenderSessionImpl.java:424)
at com.android.layoutlib.bridge.BridgeRenderSession.render(BridgeRenderSession.java:108)
at com.android.ide.common.rendering.api.RenderSession.render(RenderSession.java:154)
at com.android.ide.common.rendering.api.RenderSession.render(RenderSession.java:136)
at com.android.tools.idea.rendering.RenderTask.lambda$renderInner$5(RenderTask.java:760)
at java.util.concurrent.FutureTask.run(FutureTask.java:266)
at java.util.concurrent.Executors$RunnableAdapter.call(Executors.java:511)
at java.util.concurrent.FutureTask.run(FutureTask.java:266)
at java.util.concurrent.ThreadPoolExecutor.runWorker(ThreadPoolExecutor.java:1142)
at java.util.concurrent.ThreadPoolExecutor$Worker.run(ThreadPoolExecutor.java:617)
at java.lang.Thread.run(Thread.java:745)

Not working on Android 4.1.1

I created two genymotion emulators for testing with Android 6.0 and 4.1.1
DiagonalLayout was working fine on android 6.0 but was showing a straight line on 4.1.1
Please check the screenshot below -

This library is very helpful but needs backward compatible to atleast sdk version 15

Rendering Problem

In XML file it shows error "Path.op() not supported" , Please fix this error....

Layout is not drawn into canvas

DiagonalLayout renders fine but when I call view.draw(canvas), the DiagonalLayout is not drawn into the canvas

Bitmap b = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888);
Canvas c = new Canvas(b);
v.draw(c);

heres the screenshots
before v.draw:

after v.draw:

Clipping doesn't support antialiasing and doesn't work with hardware acceleration

Canvas.clipPath(...) is not supported on API 17 and below. See:

https://developer.android.com/guide/topics/graphics/hardware-accel.html

Clipping should be replaced with per-pixel operations using save/restoreLayer. That would make acceleration and antialiasing work on all platforms.

Diagonal direction

The UI gets messed up on right to left locales since the diagonal direction doesn't swaps based on the locale.

Rendering Problem

In XML file it shows error " Path.op() not supported "... please fix this...

diagonal and fresco in same layout

if you remplace CircleImageView by SimpleDraweeView "fresco Facebook" it become hidden dont know why , you can test it .

xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:diagonal="http://schemas.android.com/apk/res-auto"
xmlns:fresco="http://schemas.android.com/tools"

Problem with using layout_scrollFlags

I want to hide toolbar and one textview when scrolling RecyclerView, its working fine using scrollFlags with AppBarLayout, but when used with diagonalLayout, its not working.
Here is the scrollFlags that are working with AppBarLayout

<android.support.design.widget.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:elevation="0dp"

        android:fitsSystemWindows="true"
        android:theme="@style/AppTheme.AppBarOverlay"
        android:background="@drawable/gradient_color"
        >
        <LinearLayout
            android:layout_width="match_parent"
            android:orientation="vertical"
            android:layout_marginTop="5dp"
            app:layout_scrollFlags="scroll|enterAlways|snap"
            android:layout_height="wrap_content">
            <android.support.v7.widget.Toolbar
                android:id="@+id/toolbar"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="@android:color/transparent"
                app:popupTheme="@style/AppTheme.PopupOverlay">

                <ImageButton
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:id="@+id/toolbarIcon"
                    android:layout_gravity="right"
                    android:layout_marginTop="25dp"
                    android:foregroundGravity="bottom"
                    android:layout_marginRight="20dp"
                    android:background="@drawable/drawer_icon_hdpi"
                    />

            </android.support.v7.widget.Toolbar>

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Fitness"
                android:textSize="25sp"
                android:textColor="@color/textColorWhite"
                android:gravity="left"
                android:layout_marginTop="10dp"
                android:layout_marginLeft="40dp"

                />
        </LinearLayout>
        <android.support.design.widget.TabLayout
            android:id="@+id/tabs"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:tabMode="fixed"
            app:tabIndicatorHeight="0dp"
            android:layout_marginTop="10dp"
            app:tabGravity="center"/>

    </android.support.design.widget.AppBarLayout>
 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:layout_behavior="@string/appbar_scrolling_view_behavior"
        android:fitsSystemWindows="true"
        tools:context="com.example.spectra.fitnessapp.Activity.HomeActivity"
        android:background="@drawable/background_activity_fitness"
        >
 </RelativeLayout>

But its not working with DiagonalLayout

<com.github.florent37.diagonallayout.DiagonalLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:elevation="13dp"
        android:fitsSystemWindows="true"
        android:id="@+id/diagonalLayout"
        android:layout_margin="0dp"
        `android:padding="0dp"`
        app:diagonal_angle="9"

        app:diagonal_direction="left"
        app:diagonal_position="bottom"
        >
        <android.support.design.widget.AppBarLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:elevation="0dp"
            android:fitsSystemWindows="true"
            android:theme="@style/AppTheme.AppBarOverlay"
            android:background="@drawable/gradient_color"
            >
            <LinearLayout
                android:layout_width="match_parent"
                android:orientation="vertical"
                android:layout_marginTop="5dp"
                app:layout_scrollFlags="scroll|enterAlways|snap"
                android:layout_height="wrap_content">
                <android.support.v7.widget.Toolbar
                    android:id="@+id/toolbar"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:background="@android:color/transparent"
                    app:popupTheme="@style/AppTheme.PopupOverlay">

                    <ImageButton
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:id="@+id/toolbarIcon"
                        android:layout_gravity="right"
                        android:foregroundGravity="bottom"
                        android:layout_marginTop="25dp"
                        android:layout_marginRight="20dp"
                        android:background="@drawable/drawer_icon_hdpi"
                        />

                </android.support.v7.widget.Toolbar>

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="Meal"
                    android:textSize="25sp"
                    android:textColor="@color/textColorWhite"
                    android:gravity="left"
                    android:layout_marginTop="10dp"
                    android:layout_marginLeft="40dp"

                    />

            </LinearLayout>
            <android.support.design.widget.TabLayout
                android:id="@+id/tabs"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                app:tabMode="fixed"
                app:tabIndicatorHeight="0dp"

                android:layout_marginTop="10dp"
                app:tabGravity="center"/>

            <View
                android:layout_width="match_parent"
                android:layout_height="50dp"></View>
        </android.support.design.widget.AppBarLayout>
</android.support.design.widget.CoordinatorLayout>
    </com.github.florent37.diagonallayout.DiagonalLayout>

Padding is not supported

ViewOutlineProvider is not supported

Elevation API provides a way to create custom-shaped shadows using ViewOutlineProvider. That would make DiagonalLayout more simple and flexible. The content layout could be removed as well as the dummy shadow view wouldn't be neccessary.

NullPointerException on Api23. Help Please

java.lang.NullPointerException
at android.graphics.Canvas_Delegate.restoreTo(Canvas_Delegate.java:1069)
at android.graphics.Canvas_Delegate.native_restoreToCount(Canvas_Delegate.java:249)
at android.graphics.Canvas.native_restoreToCount(Canvas.java)
at android.graphics.Canvas.restoreToCount(Canvas.java:566)
at android.view.View.draw(View.java:16115)
at android.view.ViewGroup.drawChild_Original(ViewGroup.java:3609)
at android.view.ViewGroup_Delegate.drawChild(ViewGroup_Delegate.java:61)
at android.view.ViewGroup.drawChild(ViewGroup.java:3609)
at android.view.ViewGroup.dispatchDraw(ViewGroup.java:3399)
at android.view.View.draw(View.java:16088)
at android.view.ViewGroup.drawChild_Original(ViewGroup.java:3609)
at android.view.ViewGroup_Delegate.drawChild(ViewGroup_Delegate.java:61)
at android.view.ViewGroup.drawChild(ViewGroup.java:3609)
at android.view.ViewGroup.dispatchDraw(ViewGroup.java:3399)
at android.view.View.draw(View.java:16088)
at android.view.ViewGroup.drawChild_Original(ViewGroup.java:3609)
at android.view.ViewGroup_Delegate.drawChild(ViewGroup_Delegate.java:61)
at android.view.ViewGroup.drawChild(ViewGroup.java:3609)
at android.view.ViewGroup.dispatchDraw(ViewGroup.java:3399)
at android.view.View.draw(View.java:16181)
at com.android.layoutlib.bridge.impl.RenderSessionImpl.render(RenderSessionImpl.java:455)
at com.android.layoutlib.bridge.Bridge.createSession(Bridge.java:428)
at com.android.ide.common.rendering.LayoutLibrary.createSession(LayoutLibrary.java:350)
at com.android.tools.idea.rendering.RenderTask$2.compute(RenderTask.java:520)
at com.android.tools.idea.rendering.RenderTask$2.compute(RenderTask.java:508)
at com.intellij.openapi.application.impl.ApplicationImpl.runReadAction(ApplicationImpl.java:967)
at com.android.tools.idea.rendering.RenderTask.createRenderSession(RenderTask.java:508)
at com.android.tools.idea.rendering.RenderTask.access$600(RenderTask.java:75)
at com.android.tools.idea.rendering.RenderTask$3.call(RenderTask.java:620)
at com.android.tools.idea.rendering.RenderTask$3.call(RenderTask.java:617)
at com.android.tools.idea.rendering.RenderService.runRenderAction(RenderService.java:371)
at com.android.tools.idea.rendering.RenderTask.render(RenderTask.java:617)
at com.android.tools.idea.rendering.RenderTask.render(RenderTask.java:639)
at org.jetbrains.android.uipreview.AndroidLayoutPreviewToolWindowManager.doRender(AndroidLayoutPreviewToolWindowManager.java:654)
at org.jetbrains.android.uipreview.AndroidLayoutPreviewToolWindowManager.access$1700(AndroidLayoutPreviewToolWindowManager.java:82)
at org.jetbrains.android.uipreview.AndroidLayoutPreviewToolWindowManager$7$1.run(AndroidLayoutPreviewToolWindowManager.java:596)
at com.intellij.openapi.progress.impl.CoreProgressManager$2.run(CoreProgressManager.java:142)
at com.intellij.openapi.progress.impl.CoreProgressManager.registerIndicatorAndRun(CoreProgressManager.java:446)
at com.intellij.openapi.progress.impl.CoreProgressManager.executeProcessUnderProgress(CoreProgressManager.java:392)
at com.intellij.openapi.progress.impl.ProgressManagerImpl.executeProcessUnderProgress(ProgressManagerImpl.java:54)
at com.intellij.openapi.progress.impl.CoreProgressManager.runProcess(CoreProgressManager.java:127)
at org.jetbrains.android.uipreview.AndroidLayoutPreviewToolWindowManager$7.run(AndroidLayoutPreviewToolWindowManager.java:591)
at com.intellij.util.ui.update.MergingUpdateQueue.execute(MergingUpdateQueue.java:337)
at com.intellij.util.ui.update.MergingUpdateQueue.execute(MergingUpdateQueue.java:327)
at com.intellij.util.ui.update.MergingUpdateQueue$3.run(MergingUpdateQueue.java:271)
at com.intellij.util.ui.update.MergingUpdateQueue.flush(MergingUpdateQueue.java:286)
at com.intellij.util.ui.update.MergingUpdateQueue.flush(MergingUpdateQueue.java:244)
at com.intellij.util.ui.update.MergingUpdateQueue.run(MergingUpdateQueue.java:234)
at com.intellij.util.concurrency.QueueProcessor.runSafely(QueueProcessor.java:238)
at com.intellij.util.Alarm$Request$1.run(Alarm.java:352)
at java.util.concurrent.Executors$RunnableAdapter.call(Executors.java:511)
at java.util.concurrent.FutureTask.run(FutureTask.java:266)
at java.util.concurrent.ThreadPoolExecutor.runWorker(ThreadPoolExecutor.java:1142)
at java.util.concurrent.ThreadPoolExecutor$Worker.run(ThreadPoolExecutor.java:617)
at java.lang.Thread.run(Thread.java:745)

namespace prefix unbound error

I am trying to use your code. i am getting, "Unbound Namespace prefixes in XML" error.

The below namespace is never used,
"xmlns:app="http://schemas.android.com/apk/res-auto"

Kindly help with right namespace.

java.lang.IllegalArgumentException: path must be convex

When I change height of diagonalLayout on xml, app is crashing. Just I can set 250dp.
Any solution?

Not rendering in android studio

Layout not showing in xml editor.

Should support bottom to top, top to bottom gravity

Like Squint

NullpointerException on dispatchDraw()

Hi there, im getting a NPE on dispatchDraw:

java.lang.NullPointerException: Attempt to read from field 'boolean android.graphics.Path.isSimplePath' on a null object reference
    at android.view.GLES20Canvas.drawPath(GLES20Canvas.java:796)
    at com.github.florent37.diagonallayout.DiagonalLayout.dispatchDraw(DiagonalLayout.java:293)
    at android.view.View.draw(View.java:15234)
    at android.widget.FrameLayout.draw(FrameLayout.java:598)
    at android.view.View.updateDisplayListIfDirty(View.java:14167)
    at android.view.View.getDisplayList(View.java:14189)
    at android.view.ViewGroup.recreateChildDisplayList(ViewGroup.java:3389)
    at android.view.ViewGroup.dispatchGetDisplayList(ViewGroup.java:3368)
    at android.view.View.updateDisplayListIfDirty(View.java:14127)
    at android.view.View.getDisplayList(View.java:14189)
    at android.view.ViewGroup.recreateChildDisplayList(ViewGroup.java:3389)
    at android.view.ViewGroup.dispatchGetDisplayList(ViewGroup.java:3368)
    at android.view.View.updateDisplayListIfDirty(View.java:14127)
    at android.view.View.getDisplayList(View.java:14189)
    at android.view.ViewGroup.recreateChildDisplayList(ViewGroup.java:3389)
    at android.view.ViewGroup.dispatchGetDisplayList(ViewGroup.java:3368)
    at android.view.View.updateDisplayListIfDirty(View.java:14127)
    at android.view.View.getDisplayList(View.java:14189)
    at android.view.ViewGroup.recreateChildDisplayList(ViewGroup.java:3389)
    at android.view.ViewGroup.dispatchGetDisplayList(ViewGroup.java:3368)
    at android.view.View.updateDisplayListIfDirty(View.java:14127)
    at android.view.View.getDisplayList(View.java:14189)
    at android.view.ViewGroup.recreateChildDisplayList(ViewGroup.java:3389)
    at android.view.ViewGroup.dispatchGetDisplayList(ViewGroup.java:3368)
    at android.view.View.updateDisplayListIfDirty(View.java:14127)
    at android.view.View.getDisplayList(View.java:14189)
    at android.view.ViewGroup.recreateChildDisplayList(ViewGroup.java:3389)
    at android.view.ViewGroup.dispatchGetDisplayList(ViewGroup.java:3368)
    at android.view.View.updateDisplayListIfDirty(View.java:14127)
    at android.view.View.getDisplayList(View.java:14189)
    at android.view.ViewGroup.recreateChildDisplayList(ViewGroup.java:3389)
    at android.view.ViewGroup.dispatchGetDisplayList(ViewGroup.java:3368)
    at android.view.View.updateDisplayListIfDirty(View.java:14127)
    at android.view.View.getDisplayList(View.java:14189)
    at android.view.ViewGroup.recreateChildDisplayList(ViewGroup.java:3389)
    at android.view.ViewGroup.dispatchGetDisplayList(ViewGroup.java:3368)
    at android.view.View.updateDisplayListIfDirty(View.java:14127)
    at android.view.View.getDisplayList(View.java:14189)
    at android.view.ThreadedRenderer.updateRootDisplayList(ThreadedRenderer.java:289)
    at android.view.ThreadedRenderer.draw(ThreadedRenderer.java:318)
    at android.view.ViewRootImpl.draw(ViewRootImpl.java:2530)
    at android.view.ViewRootImpl.performDraw(ViewRootImpl.java:2352)
    at android.view.ViewRootImpl.performTraversals(ViewRootImpl.java:1982)
    at android.view.ViewRootImpl.doTraversal(ViewRootImpl.java:1061)
    at android.view.ViewRootImpl$TraversalRunnable.run(ViewRootImpl.java:5885)
    at android.view.Choreographer$CallbackRecord.run(Choreographer.java:767)
    at android.view.Choreographer.doCallbacks(Choreographer.java:580)
    at android.view.Choreographer.doFrame(Choreographer.java:550)
    at android.view.Choreographer$FrameDisplayEventReceiver.run(Choreographer.java:753)
    at android.os.Handler.handleCallback(Handler.java:739)
    at android.os.Handler.dispatchMessage(Handler.java:95)
    at android.os.Looper.loop(Looper.java:135)
    at android.app.ActivityThread.main(ActivityThread.java:5254)
    at java.lang.reflect.Method.invoke(Native Method)
    at java.lang.reflect.Method.invoke(Method.java:372)
    at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:903)
    at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:698)

Android Version: API 22
Lib Version: 1.0.7

It does not happen always.

Here's the way I include the diagonal layout:

        <com.github.florent37.diagonallayout.DiagonalLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:diagonal_angle="10"
            app:diagonal_direction="left"
            app:diagonal_position="bottom">

            <ImageView
                android:id="@+id/movie_details_poster_header"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:adjustViewBounds="true"
                android:scaleType="centerCrop" />
        </com.github.florent37.diagonallayout.DiagonalLayout>

I'm loading an image from an API via AsyncTask (Size is very often 1920x1080).

Please tell my why is this Exception thrown sometimes? How can I fix it?

Elevation issue

Hi, thx for work.

But I have issue with elevation

Bug: shadow looks weird

I took a screenshot and zoomed in because I didn't know if it's just my eyes :
Original:

After zooming in:

Any type of map is not showed

Hi!

When I add a google maps view o mapbox view, this is not showed at all, although the map is fully functional.

How can solve this?

Here is my layout

<com.github.florent37.diagonallayout.DiagonalLayout
android:layout_width="match_parent"
android:layout_height="330dp"
app:diagonal_position="top"
app:diagonal_direction="right"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintBottom_toBottomOf="parent">

                <com.mapbox.mapboxsdk.maps.MapView
                    android:id="@+id/mapView"
                    android:layout_width="match_parent"
                    android:layout_height="330dp"
                    app:mapbox_styleUrl="@string/mapbox_style_mapbox_streets"
                    app:mapbox_cameraTilt="60"
                    app:mapbox_cameraZoom="12"/>

</com.github.florent37.diagonallayout.DiagonalLayout>

Multiple sided diagonal cuts

Hey @florent37 !!
Great lib, an old fan of your work since many years !!

This issue is regarding a concern, that is it possible to cut the layout multiple sides.
Like if I want to cut the layout from left & right at the same time with their respective angles.

Thanks man 👍