「Android-L」を実装するために見ておくページs

とりあえず一般リリースまで集めていく.

Material_Design___Android_Developers

Material Designは静止画で見るとフラットデザインっぽいですが、思想や使い心地は異なったものです

ウェブやiOSにもサービスを提供している場合は、どのようにMaterial Designを取り入れるのがユーザにとって一番良いのか考える必要があります

Android L Developer Previewは、まだプレビュー感が強いのでただちに移行するということはないが、ウォッチはしていた方が良いです

Material Designの目指すところとAndroid側の変更点 - クックパッド開発者ブログ

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:state_enabled="true"
        android:state_pressed="true">
        <objectAnimator
            android:duration="@android:integer/config_shortAnimTime"
            android:propertyName="translationZ"
            android:valueFrom="@dimen/button_elevation"
            android:valueTo="@dimen/button_press_elevation"
            android:valueType="floatType" />
    </item>
    <item>
        <objectAnimator
            android:duration="@android:integer/config_shortAnimTime"
            android:propertyName="translationZ"
            android:valueFrom="@dimen/button_press_elevation"
            android:valueTo="@dimen/button_elevation"
            android:valueType="floatType" />
    </item>
</selector>

Floating Action Button (requires Android-L preview)

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:paddingBottom="@dimen/activity_vertical_margin"
    tools:context=".MainActivity">
 
    <android.support.v7.widget.RecyclerView
        android:id="@+id/recycler_view"
        android:scrollbars="vertical"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>
 
</RelativeLayout>

RecyclerView example | Code Random

Palette palette = Palette.generate(photo); // photo は Bitmap

// get○○○Color()で任意のパレット色が取得できる

// VibrantColor
palette.getLightVibrantColor().getRgb();    // 明るい
palette.getVibrantColor().getRgb();
palette.getDarkVibrantColor().getRgb();     // 暗い

// MutedColor
palette.getLightMutedColor().getRgb();      // 明るい
palette.getMutedColor().getRgb();
palette.getDarkMutedColor().getRgb();       // 暗い

[Android] android.support.v7.graphics.Palette がいい感じかも - adakoda

1.material design specification.をみる
2.マテリアルテーマをアプリに適用する
3.マテリアルテーマをカスタマイズするためにスタイルの定義を加える
4.マテリアルデザインガイドラインに従ってレイアウトを作る
5.影を適用するために、viewにelevationを指定する
6.リストやカードなどのcomplex viewに新しいWidgetを作る
7.新しいAPIを使ってアニメーションをカスタマイズする

L Developer Preview マテリアルデザインを始める - Firespeed

compile 'com.android.support:cardview-v7:+'
compile 'com.android.support:recyclerview-v7:+'
compile 'com.android.support:palette-v7:+'

For Android Material support libraries, where can I find CardView and RecyclerView? - Stack Overflow

RecyclerView を使用すると、アイテムのサイズが固定長の場合に、従来よりも良いパフォーマンスが得られる(※2)ほか、
アイテムの追加、削除時などのアニメーション(※3)についても、デフォルトで利用することができます。

[Android] RecyclerView を使ってみました - adakoda
とりあえず, やみくもに集める.
ある程度たまったらまとめよう.

(随時更新中...)


Android Studio 0.8.1 のアップデートで泣きそうになる

気がついたら, 最新は「0.8.1」になっていた.

あたしは「0.6.0」だった.

何回か更新がその間にあったようだが.

少し面倒なことになりそうだったので書いておくのですが.

通常のアップデートは, 緑の通知ダイアログとかからか,

メニューから [Check Update] みたいなのをクリックして,

そのあとPC画面の中央にダイアログが表示されて,

そのダイアログ内の [update] を選択してパッチが当たって, 自動再起動 てな流れだったと思う.

けど, 今回は違う.

ダイアログ上に [update] のボタンがなく [download] になっている.

そのボタンを押すと, zip がダウンロードされて展開すると, AndroidStudio.app が登場.

これを, Application ディレクトリに上書きして起動すると

SDKのロケーション入力ダイアログが登場.

は, バンドルしてただろ?

え, ADT単独でいれるのだろうか.

みてみると, 前にバンドルされていた位置の

Application/Android Studio.app/sdk

のディレクトリがない.

え?!

続きを読む >>


GIFアニメで見る 新Android「L」の「Material design」

オフィシャルなサイト内には見やすく動画とかあるけども.

生で提供公開されてるリソースをGIFアニメで.

あまり見やすくないのかも(笑)

Layout Template

Mobile
The mobile layout template includes a variety of 10 screens. Use the layers palette to toggle on and off keylines and spacing rules.

Layout_Mobile_Whiteframe

Layout Mobile Whiteframe 2 MB (.ai)

Tablet
The tablet layout template includes a variety of 14 screens. Use the layers palette to toggle on and off keylines and spacing rules.

Layout_Tablet_Whiteframe

Layout Tablet Whiteframe 3 MB (.ai)

Desktop
The desktop layout template includes a variety of 4 screens, each with 4 different window sizes. Use the layers palette to toggle on and off keylines and spacing rules.

Layout_Desktop_Whiteframe

Layout Desktop Whiteframe 96 MB (.ai)

Whiteframes
Whiteframes provide a variety of layout structures using a consistent approach to surfaces, layering, and shadows.

Whiteframes

Whiteframes 15 MB (.ai)

続きを読む >>