Androidライブラリ「ArcLayout」を本日公開しました

旧ブログ(blog.ogaclejapan.com)から移行してきた古い記事です。 移行に伴い、一部のレイアウトが崩れている可能性もありますmm

Author's Avatar mini

Masaki Ogata

AuthorMasaki Ogata

Published

昨年末に公開したQiita非公式クライアント「Qiitanium」 のデザイン刷新版v0.2に実装するために夜な夜な作っていたライブラリ第一号「ArcLayout」をようやくリリースしました。

https://github.com/ogaclejapan/ArcLayout

↓こんな感じで弧に沿ってビューを配置することができます Arc Layout Demo1

応用例としてTumblrやPathみたいなサンプルも用意してます Arc Layout Demo2

使い方

Step1

build.gradleにライブラリを追加します

dependencies {
    compile 'com.ogaclejapan.arclayout:library:1.0.0@aar'
}
Step2

他のレイアウト系クラスと同じくArcLayout内に子ビューを追加するだけです。 原点(arc_origin)を決めると形状が決まり、デフォルトだと子ビューは均等角度で弧に沿って配置されます。

Attribute Overview


<com.ogaclejapan.arclayout.ArcLayout
        android:id="@id/arc_layout"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:arc_origin="bottom"
        app:arc_color="#4D000000"
        app:arc_radius="168dp"
        app:arc_axisRadius="120dp"
        app:arc_freeAngle="false"
        app:arc_reverseAngle="false"
        >

    <Button
        android:layout_width="48dp"
        android:layout_height="48dp"
        android:gravity="center"
        android:text="A"
        android:textColor="#FFFFFF"
        android:background="#03A9F4"
        app:arc_origin="center"
        />

    <Button
        android:layout_width="48dp"
        android:layout_height="48dp"
        android:gravity="center"
        android:text="B"
        android:textColor="#FFFFFF"
        android:background="#00BCD4"
        app:arc_origin="center"
        />

    <Button
        android:layout_width="48dp"
        android:layout_height="48dp"
        android:gravity="center"
        android:text="C"
        android:textColor="#FFFFFF"
        android:background="#009688"
        app:arc_origin="center"
        />

</com.ogaclejapan.arclayout.ArcLayout>

おわりに

arc_originの全パターンはデモアプリで確認できます。 他に指定できるカスタム属性などはGitHubページを参照ください。

https://github.com/ogaclejapan/ArcLayout

気に入ったらGitHubスターをポチッとお願いします

( ゚∀゚)o彡°Star!Star!

Author's Avatar

Masaki Ogata ( a.k.a. ogaclejapan )

5年間ほどAndroidアプリ開発者へ型変換していましたが、Designも含めてサービス開発に必要な技術をすべて吸収していきたいマン。WebとBackendの記憶を只今アップデート中 :P

もし気に入っていただけたら記事シェアのご協力をお願いします!!