Androidデザイン ボタン

2012/1/28 10180hit

ボタン

ボタンはユーザーが触るとき、アクションが起きるとわかるように伝えるテキストやイメージからなります。
Androidは2つの基本ボタンと境界線が無いボタンという異なるタイプのボタンをサポートします。
両方ともテキストやイメージを含む事が出来ます。


基本ボタン

基本ボタンは伝統的な境界線と背景を持つボタンです。
Androidはデフォルトとスモール2つの種類の基本ボタンをサポートします。
デフォルトボタンは若干大きめのフォントでフォームコンテンツの外側で表示するのに最適化されます。
スモールボタンは他のコンテンツと並べて表示するための物です。より小さなフォントと、より小さい最小高を持ちます。
他のUI要素と1列に並べるときにスモールボタンを使ってください。

Holo DarkとHolo Lightにおけるデフォルトボタンとスモールボタン

境界の無いボタン

境界の無いボタンは境界線と背景が無いほかは基本ボタンと似ています。
アイコンやテキストを持つ境界の無いボタンが使えます。
境界の無いボタンは視覚的に基本ボタンより軽量で、他の内容と上手く融和します。


次へ
前へ
目次に戻る

原文
Except as noted, this content is licensed under Creative Commons Attribution 2.5.

前:Androidデザイン スピナー 次:Androidデザイン テキストフィールド

関連キーワード

[Android][モバイル][IT][翻訳]

コメント

名前:ひさねこ|投稿日:2012/02/17 20:02

こんばんわです。


ボタンはユーザーが触るとき、アクションが起きるとわかるように伝えるテキストやイメージからなります。

ボタンは、ユーザーがそれに触ると、どんな動作が起こるかはっきりと伝える、テキストと/やイメージから構成されます。

A button consists of text and/or an image that clearly communicates what action will occur when the user touches it.

※ what action will occur: どんな動作が起こるか

名前:ひさねこ|投稿日:2012/02/17 23:12

基本ボタンは伝統的な境界線と背景を持つボタンです。

基本ボタンは境界と背景を持つ従来のボタンです。

※ traditional は buttons を修飾しています。

名前:ひさねこ|投稿日:2012/02/17 23:18

Androidはデフォルトとスモール2つの種類の基本ボタンをサポートします。

Android は、基本ボタン用に2種類のスタイル(デフォルトとスモール)をサポートします。

Android supports two styles for basic buttons: default and small.

※ style が翻訳されていません。Android の「スタイル」のことと思います。

style:
http://developer.android.com/guide/topics/ui/themes.html]]

名前:ひさねこ|投稿日:2012/02/17 23:28

デフォルトボタンは若干大きめのフォントでフォームコンテンツの外側で表示するのに最適化されます。

デフォルトボタンは、スモールボタンよりも少し大きめのフォントを持ち、
フォームコンテント以外の表示に適しています。

※ outside of…: …を除く

名前:ひさねこ|投稿日:2012/02/17 23:28

より小さなフォントと、より小さい最小高を持ちます。

スモールボタンは、デフォルトボタンよりも小さなフォントと最小の高さを持ちます。

They have a smaller font and smaller minimum height.

※ スモールボタンとデフォルトボタンを当てはめて翻訳した方が理解しやすいかな?

名前:ひさねこ|投稿日:2012/02/17 23:32

他のUI要素と1列に並べるときにスモールボタンを使ってください。

スモールボタンは、他の UI コンポーネントと一緒に並べる必要があるフォーム内で使ってください。

Use small buttons in forms where they need to align with other UI elements.

※ in formsが翻訳されていません。

スモールボタンはフォーム、デフォルトボタンはフォーム以外で使うという感じかな?

名前:ひさねこ|投稿日:2012/02/17 23:34

border ⇒ 境界

border line ⇒ 境界線

名前:ひさねこ|投稿日:2012/02/17 23:36

他の内容と上手く融和します。

他のコンテントと上手く融和します。

コメントを投稿する

名前URI
コメント