ArcLayout

With Arc Layout explore new styles and approaches on material design

Github星跟踪图

ArcLayout

Android Arsenal

With Arc Layout explore new styles and approaches on material design

screen

Usage

<com.github.florent37.arclayout.ArcLayout
         android:layout_width="match_parent"
         android:layout_height="200dp"
         app:arc_cropDirection="cropOutside, cropInside"
         app:arc_position="bottom, top, left, right"
         app:arc_height="90dp"
         android:elevation="5dp"
         >

         <!-- YOUR CONTENT -->

</com.github.florent37.arclayout.ArcLayout>

Sample

Crop Outside

<com.github.florent37.arclayout.ArcLayout
          android:layout_width="match_parent"
          android:layout_height="200dp"
          app:arc_cropDirection="cropOutside"
          app:arc_height="90dp"
          app:arc_padding="30dp"
          android:elevation="5dp"
          >
 
          <ImageView
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:scaleType="centerCrop"
                android:src="@drawable/road" /> 
                
 </com.github.florent37.arclayout.ArcLayout>        

screen

Crop Inside

<com.github.florent37.arclayout.ArcLayout
          android:layout_width="match_parent"
          android:layout_height="200dp"
          app:arc_cropDirection="cropInside"
          app:arc_height="90dp"
          app:arc_padding="30dp"
          android:elevation="5dp"
          >
 
          <ImageView
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:scaleType="centerCrop"
                android:src="@drawable/road" /> 
                
 </com.github.florent37.arclayout.ArcLayout>        

screen

KenBurns

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

screen

<com.github.florent37.arclayout.ArcLayout
          android:layout_width="match_parent"
          android:layout_height="200dp"
          app:arc_cropDirection="cropInside"
          app:arc_height="90dp"
          app:arc_padding="30dp"
          >

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

        ...

</com.github.florent37.arclayout.ArcLayout>

Download

In your module Download

compile 'com.github.florent37:arclayout:1.0.3'

Inspirations

Cinema Application by Zsolt Szilvai

The new Star Wars movie is coming soon, so I decided to design this cinema app screen with one of the Rogue One posters.
Also, I tried something new: notice, that the white rectangle on the bottom is bended, which makes the design a bit more lively. The app bar has a reduced opacity and the image behind it is blurred to get a unique look.
I'd appreciate any feedback.

https://material.uplabs.com/posts/cinema-application-interface

screen

Credits

Author: Florent Champigny http://www.florentchampigny.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.

主要指标

概览
名称与所有者florent37/ArcLayout
主编程语言Java
编程语言Java (语言数: 2)
平台
许可证Apache License 2.0
所有者活动
创建于2016-11-18 14:41:06
推送于2020-12-21 23:54:12
最后一次提交2020-07-02 13:52:26
发布数0
用户参与
星数1.6k
关注者数35
派生数240
提交数46
已启用问题?
问题数17
打开的问题数0
拉请求数5
打开的拉请求数1
关闭的拉请求数1
项目设置
已启用Wiki?
已存档?
是复刻?
已锁定?
是镜像?
是私有?