「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)

続きを読む >>


Android のコーディング時にAndroidStudioにセットしておくといい2つのXMLファイル

いつも興味深く読ませていただいております.

これでAndroidStyleを使えるようになる。XMLのインデントがAndroid Studio標準より深かったり、コードの幅が狭かったりして個人的にはそんなに好きなスタイルではないものの、まあこれも時代の趨勢かと思って使うことにした。

Android StudioでのコーディングにAndroidStyle.xmlを適用する - Islands in the byte stream

で, これって Android なりのコーディング規約を, そのコーディングに使う IDE である Android Studio に適用しておく.ということか.

セットする XMLファイルは, URLのパスから分かるように, Android Studio の前身で実績のある intellij の Android 向けコードスタイルの設定 xml を利用している.

platform_development/ide/intellij/codestyles/AndroidStyle.xml at master · android/platform_development · GitHub

ide/intellij/codestyles/AndroidStyle.xml - platform/development - Git at Google

で, 以前 Google の Java コーディング規約がどっかの記事であったよなあ, と.

Google_Java_Style

Google Java Style

この Google Java のコーディング設定用XMLも見つけることができる.

intellij-java-google-style.xml - google-styleguide - Style guides for Google-originated open-source projects - Google Project Hosting

diff で眺めてみると分かるが 大きくは,

インデント
Google : 2
Android : 4

フィールド名接頭文字
Google : (なし)
Android : m

ぐらいか.

どちらかを好きな方を入れて好みに合わせていくのがいいのだろう.


Android Studio 新機能「Navigation Editor」はどう使ったらいいのか?

アップデートリリースで派手なGUI画面が機能として追加されています.

「Navigation Editor」と名付けられています.

NavigationEditor

Navigation Editor - Android Tools Project Site

How do I run it?
You can show the editor from the Android Studio menu with “Tools -> Android -> Navigation Editor”.

この画面を立ち上げるには, メニューから

[Tools] - [Android] - [Navigation Editor]

と選択していくようですが.

画面遷移のような, いやちがうな.

部分的な画面遷移?

いや違う.

Activity をここから作成できたり,

各画面のレイアウトXMLファイルに飛べたりはするけども.

いったいどう使うんだ? これは.

How do I use it?

In the Navigation Editor you can:

Add transitions from controls (e.g. Buttons and menu items) to Activities by shift-dragging with the mouse (ctrl/alt also work)
Create new Activities with a right-mouse click
Edit the layout of each Activity by double clicking it

To see your app running on a real device, plug the device into your USB port and click “run” (the green triangle) in the tool.

むむぅ.

よく分からんし, なんだか壊れそうで怖いつか, なんつか...

だれかおせーてっ