Androidのマテリアルデザイン ～スクロール連動～
本連載の書籍化について（2018年5月追記） 本連載は、加筆・再構成およびAndroid Studio 3対応を行い、書籍化しています。最新情報については、こちらもぜひ併せてご参照ください。 『基礎＆応用力をしっかり育成！ Androidアプリ開発の教科書』 対象読者 Androidアプリ開発未経験な方 Java言語は一通り習得済みである方 サンプルプロジェクト作成 まず、今回使用するサンプルアプリを作成していきましょう。 プロジェクト作成 基本的に前回の続きなので、前回のプロジェクトを改造してもいいのですが、レイアウトxmlがかなり変更されます｡したがって、別プロジェクトで作成することにします。 以下がプロジェクト情報です。 Application name：CoordinatorLayoutSample Company Domain：android.wings.websarva.com
TwitterのAndroid版公式アプリがマテリアルデザインに
米Twitterは6月7日（現地時間）、Android版公式アプリのデザインを米Googleの提唱する「マテリアルデザイン」に添ったものに変更したと発表した。同日から全ユーザーに“ローリングアウト”していく。 下図は左が旧版、右が新版のメイン画面だ。 タブバー（画面上部のバー）が2段分になり、右端にあった「その他メニュー」アイコン（縦3点のアイコン）がなくなった。「その他メニュー」にあった項目は、画面を左から右にスワイプすると表示される「ナビゲーションメニュー」にまとめられた（右図）。 画面下部に並んでいたツイート作成ボタンは、右下に表示される青いフローティング形式（画面をスクロールしても定位置にフロート（浮いている）状態で表示される形式）のツイート作成ボタンに変わった。 タイムラインを読み進むと、タブバーの上半分（プロフィールアイコンと検索ツールが表示されている部分）が隠れてその分画面が
「Facebook Messenger」のAndroidアプリがアップデート--マテリアルデザイン採用
Facebookが数カ月間のテストを経て、「Material design」調のデザインを採用した新しい「Android」版「Messenger」アプリをリリースした。 アップデート版は米国時間3月7日、「Google Play」で公開されている。Material designは、Googleが2014年に打ち出したモダンなデザインガイドラインだ。Googleはそれ以降、「iOS」やAndroid、デスクトップ版の各種Googleアプリにこのデザインを適用している。 アップデート版Messengerの主な変更点は2つある。まず、ソリッドブルーのナビゲーションバーが画面上部に表示され、そこに「最近」「グループ」「友達」「設定」の白いアイコンが配置されるようになった。旧バージョンでは白いバーにグレーのアイコンが表示されていた。ステータスバーについても同様で、新たに青色のバーに白のテキストとアク
マテリアルデザインに対応したAngularJS用UIフレームワーク「Angular Material 1.0」正式リリース
マテリアルデザインに対応したAngularJS用UIフレームワーク「Angular Material 1.0」正式リリース AngularJSでアプリケーションを開発する際に、マテリアルデザインに対応したユーザーインターフェイスの構築に使えるフレームワークが「Angular Material 1.0」として正式にリリースされました。 Angular Materialは、ボタンやアイコン、メニュー、スライダーといった32個のコアコンポーネントを含み、グリッドレイアウトも可能。反応時のアニメーションやCSSによる配色、文字のスタイリングなどにも対応しています。 下記はボタンのサンプルの一部です。 対応するAngularJSはバージョン1.3以降。対応するWebブラウザはChrome、Safari、FirefoxなどのモダンブラウザとInternet Explorer 11以降。Android
「Google Hangouts」のAndroid向け新版--マテリアルデザインや高速化など
Googleは、ビデオチャットサービス「Google Hangouts」のAndroid向けアプリケーションをバージョン4.0にアップデートした。デザイン変更、操作性の改善、高速化などの改良を施したという。 新版を起動してまず気付くのが、マテリアルデザインによる見た目の変化。すっきりしたデザインにより、以前より直感的に操作でき、動きがスムーズになったという。 グループの作成や通話を始めるためのボタンを新たに設け、操作性も高めた。添付機能も見直し、絵文字やGIF画像、位置情報の送信を行いやすくしたほか、写真を複数枚同時に送る操作も容易にしている。 高速化につながるバグ修正にも取り組み、メッセージ送信やビデオチャットで待たされなくなった。さらに、消費電力も減った。 なお、同様の変更を施したiOS版はすでにリリース済みだ。
マテリアルデザインのAndroid向け「Sleipnir」 - MdN Design Interactive
フェンリル株式会社は、Android端末向けのWebブラウザ「Sleipnir Mobile for Android 3.0」をリリースし、Google Playでの配信を開始した。対応OSはAndroid OS 4.0.3以降で、無料ダウンロードして使用することが可能。本バージョンではUIが一新され、Googleが提唱するビジュアル言語“マテリアルデザイン”を全面的に取り入れたデザインが実現されている。 「Sleipnir Mobile for Android 3.0」は、カスタマイズ性も魅力のAndroid向けWebブラウザ。本バージョンでは、従来のサムネイル・タブに加え、オプションとしてファビコンとタイトルのタブを利用できるようになった。この機能では、API「Palette」を利用してサイトの代表的な色をタブの背景色に抽出。これにより、タブバーをスクロールしているときにもサイトを判別
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ガイドラインに従うだけがデザイナーの仕事？メジャーサービスUIから学ぶ『マテリアルデザイン』 - MdN Design Interactive
TechCrunch | Startup and Technology News
TechCrunch | Startup and Technology News