Androidアプリで写真をCoverFlow表示する その3

引き続き、FeatureCoverFlowのパラメータについて書いていきたいと思います。 前回同様、デフォルト…

引き続き、FeatureCoverFlowのパラメータについて書いていきたいと思います。
前回同様、デフォルトの設定は以下とします。

 

レイアウトファイル
範囲がわかりやすいようにオレンジ色の背景色をつけています。
また、表示を整えるために、coverflow:coverHeightとcoverflow:coverWidthは、あらかじめ設定しています。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:coverflow="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="16dp"
    android:paddingLeft="16dp"
    android:paddingRight="16dp"
    android:paddingTop="16dp"
    tools:context="jp.co.supersoftware.coverflow.MainActivity">

    <it.moondroid.coverflow.components.ui.containers.FeatureCoverFlow
        android:id="@+id/coverflow"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="#F4A460"
        coverflow:coverHeight="202dp"
        coverflow:coverWidth="151dp" />
</RelativeLayout>

 

スクリーンショット
coverflow_デフォルト

 

では、パラメータを設定していきます。

10.coverflow:circlePathRadius
デフォルト:2

両サイドの画像の角度が変わります。

上:2
下:5

coverflow_デフォルト
overflow_circlePathRadius-720x450

 

11.coverflow:circlePathRadiusInMatrixSpace
デフォルト:1000

両サイドの画像が縮んでいきます。

上:1000
下:3000

coverflow_デフォルト
coverflow_circlePathRadiusInMatrixSpace-720x450

 

12.coverflow:reflectionGap
デフォルト:2

画像と影の間隔を設定します。

上:2
下:5

coverflow_デフォルト
coverflow_reflectionGap-720x450

 

13.coverflow:reflectionOpacity
デフォルト:0x70

影の濃さを設定します。

上:0x70
下:0x20

coverflow_デフォルト
coverflow_reflectionOpacity-720x450

 

14.coverflow:reflectionBackroundColor
デフォルト:#00000000(TRANSPARENT)

影の背景色を設定します。

上:#00000000(TRANSPARENT)
下:#FF888888

coverflow_デフォルト
coverflow_reflectionBackroundColor-720x450

 

15.coverflow:reflectionHeight
デフォルト:0.5

影の高さを設定します。

上:0.5
下:0.2

coverflow_デフォルト
coverlow_reflectionHeight-720x450

 

16.coverflow:verticalPaddingTop
デフォルト:0

上のpaddingを設定します。

上:0dp
下:100dp

coverflow_デフォルト
coverflow_verticalPaddingTop-720x450

 

17.coverflow:verticalPaddingBottom
デフォルト:0

下のpaddingを設定します。

上:0dp
下:100dp

coverflow_デフォルト
coverflow_verticalPaddingBottom-720x450

 

18.coverflow:alignAnimationTime
デフォルト:350

スワイプを離してから自動で回転アニメーションが止まるまでの時間を設定します。

 

以上、FeatureCoverFlowのパラメータについてでした。