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

今回は、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_デフォルト

 

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

1.coverflow:coverHeight
デフォルト:160

表示する画像の高さが変わります。

上:202dp
下:100dp

coverflow_デフォルト
coverflow_height

 

2.coverflow:coverHeight
デフォルト:240

表示する画像の幅が変わります。

上:151dp
下:100dp

coverflow_デフォルト
coverflow_width

 

3.coverflow:spacing
デフォルト:0.5

表示する画像の間隔が変わります。

上:0.5
下:0.4
coverflow_デフォルト
coverflow_spacing

 

4.coverflow:rotationThreshold
デフォルト:0.3

画像の回転が始まるタイミングが変わります。

上:0.3
下:0.1
coverflow_rotationThreshold_デフォルト
coverflow_rotationThreshold_変更

 

5.coverflow:scalingThreshold
デフォルト:0.3

画像の拡大縮小が始まるタイミングが変わります。

上:0.3
下:0.1
coverflow_rotationThreshold_デフォルト
coverflow_scalingThreshold

 

6.coverflow:adjustPositionThreshold

デフォルト:0.1

センター画像が入れ替わる時の画像の幅が変わります。

上:0.1
下:0.3
coverflow_rotationThreshold_デフォルト
coverflow_adjustPositionThreshold

 

7.coverflow:adjustPositionMultiplier
デフォルト:1.0

両サイドの画像とセンター画像との間隔が変わります。

上:1.0
下:0.5
coverflow_デフォルト
coveflow_adjustPositionMultiplier

 

8.coverflow:maxRotationAngle
デフォルト:70.0

画像の回転角度が変わります。

上:70.0
下:35.0
coverflow_デフォルト
coverflow_maxRotationAngle

 

9.coverflow:maxScaleFactor
デフォルト:1.2

センター画像の表示倍率が変わります。

上:1.2
下:0.6
coverflow_デフォルト

coverflow_maxScaleFactor

 

残り半分のパラメータについては、次回書きたいと思います。