2011年1月27日木曜日

Android 3.0 Platform Highlights - New UI Framework for creating great tablet apps -

New UI Framework for creating great tablet apps のまとめ

 ・ Activity の画面を Fragment というサブコンポーネントに
   分割できるようになった

 ・ holographic テーマが組み込まれた

 ・ 3D stack, serach box, a date/time picker, number picker,
   calendar, popup menu などの新しいwidget type が追加された
 
 ・ 3D stack や grid や list をフリップするようなホーム画面
   ウィジェットが追加された

 ・ 画面上部に Action Bar が付けられるようになった。カスタマイズも可能

 ・ notifications に新しく large and small icons, a title,
   a priority flag を含められるようになった

 ・ リストやグリッド用に複数選択モードが追加された

 ・ クリップボードを使ってコピー&ペーストができるようになった

 ・ drag and drop ができるようになった


ここから訳
--------------------------------------------------------------------------------

New Developer Features

Android 3.0 platform は大画面デバイスのアプリケーション対して最適にデザインされています。これらのデバイスですばらしいビジュアルとインタラクションエクスペリエンスを実現するために必要な全てのツールを開発者に提供します。

 ・すばらしいタブレットアプリを作るための新しい UI framework

 ・ハイパフォーマンス 2D & 3D グラフィックス

 ・マルチコアプロセッサアーキテクチャのサポート

 ・リッチなマルチメディアと接続性

 ・エンタープライズ向けの拡張機能

 ・既存アプリの互換性


New UI Framework for creating great tablet apps
 - すばらしいタブレットアプリを作るための新しい UI framework -


コンテンツとデザインの柔軟性をより細かく制御するための Activity fragments

Android 3.0 から、開発者はアプリケーションの Activities を Fragments と呼ばれるサブコンポーネントに分割できるようになりました。そして、これらを多様な方法で組み合わせることで、よりリッチでインタラクティブなエクスペリエンスを作ることができます。
例えば、アプリケーションはFragments のセットを使うことで、ユーザーが各ペインと独立にインタラクトできる真のマルチペインUIを作ることができます。Fragments は追加、削除、置換、Activity の内部へのダイナミックなアニメーションが可能で、それらはモジュール化され、複数の Activities に渡って再利用できます。
これらがモジュールなため、Fragments は開発者にとって、小さいスクリーンデバイスと同じくらい大きなスクリーンでも適切に実行できるアプリケーションを書く効果的な方法を提供します。

再デザインされた UI widget

Android 3.0 は、開発者が簡単に新しいタイプのコンテンツをアプリケーションに追加するための、アップデートされた UI widgets set を提供します。新しい UI widgets はタブレットや大きな画面で使うために再デザインされ、新しい holographic UI テーマが組み込まれています。いくつかの新しい widget types が使えるようになりました。例えば、 3D stack, serach box, a date/time picker, number picker, calendar, popup menu など。ほとんどの再デザインされた UI widgets はホーム画面上に表示される application widgets 内で remote vies として使うことができます。

ホーム画面ウィジェットの拡張

ホーム画面ウィジェットはユーザーに人気です。なぜなら、アプリケーション独自のデータをホーム画面から直接すすばやくアクセスすることができるからです。Android 3.0 はより多くのタイプのコンテンツとユーザーへの新しいインタラクションモードを提供することで、開発者のホーム画面ウィジェットを次のレベルへ引き上げます。
開発者はより多くの標準 UI widget タイプのホーム画面ウィジェットを使用できます。これにはユーザーが 3D スタックやグリッドやリスト上のコンテンツ集をフリップできる widgets が含まれます。ユーザーはスクロールのためのタッチジェスチャーや、コンテンツをフリップするなどの新しい方法でホーム画面ウィジェットとインタラクトできます。

Action Bar の永続化

プラットフォームは各アプリケーションに自身の Action Bar インスタンスを画面の上部に提供します。これにより、アプリケーションはユーザーに contextual options, widgets, status, navigation などへのクイックアクセスを提供できるようになります。アプリケーションは Action Bar インスタンスの表示テーマをカスタマイズすることができます。Action Bar によって、開発者はアプリケーションのより多くの機能をユーザーのなじみやすい位置にさらすことができます。また、複数の Activities や状態をまたぐアプリケーションの使用において単一のエクスペリエンスを提供できます。

よりリッチな通知(ノーティフィケーション)

ノーティフィけションは Android のユーザーエクスペリエンスにとってキーパートの 1つです。なぜなら、それによってアプリケーションはアップデートやステータス情報をユーザーにリアルタイムに示すことができるからです。Android 3.0 ではこの機能を拡張しています。開発者はよりリッチなコンテンツを含むことができ、より多くのプロパティをコントロールできるようになります。あたらしいビルダークラスによって、開発者は大きいアイコン、小さいアイコン、タイトル、プライオリティフラグ、その他のすでに使えるプロパティを含むノーティフィケーションを作成することができます。ノーティフィケーションは remote Views として現在使用可能な UI widgets の set を拡張することでより多くのタイプのコンテンツを表示できます。

複数選択、クリップボード、ドラッグアンドドロップ

プラットフォームは開発者が使える便利な新しいインタラクションモードを提供します。リストやグリッド内のアイテム集を管理するために、開発者は新しい複数選択モードを使うことができます。これにより、ユーザーは1つのアクションで複数のアイテムを選択できます。さらに、開発者は新しい system-wide クリップボードを使うことができます。これにより、ユーザーは簡単にデータタイプをクリップボードにコピーし、アプリケーションに出すことができます。ユーザーのファイルの管理や生成を簡単にするために、開発者は DragEvent フレームワークを通してドラッグアンドドロップインタラクションを追加することができるようになりました。

0 件のコメント:

コメントを投稿

'},ClipboardSwf:null,Version:'1.5.1'}};dp.SyntaxHighlighter=dp.sh;dp.sh.Toolbar.Commands={ExpandSource:{label:'+ expand source',check:function(highlighter){return highlighter.collapse;},func:function(sender,highlighter) {sender.parentNode.removeChild(sender);highlighter.div.className=highlighter.div.className.replace('collapsed','');}},ViewSource:{label:'view plain',func:function(sender,highlighter) {var code=dp.sh.Utils.FixForBlogger(highlighter.originalCode).replace(/'+code+'');wnd.document.close();}},CopyToClipboard:{label:'copy to clipboard',check:function(){return window.clipboardData!=null||dp.sh.ClipboardSwf!=null;},func:function(sender,highlighter) {var code=dp.sh.Utils.FixForBlogger(highlighter.originalCode).replace(/</g,'<').replace(/>/g,'>').replace(/&/g,'&');if(window.clipboardData) {window.clipboardData.setData('text',code);} else if(dp.sh.ClipboardSwf!=null) {var flashcopier=highlighter.flashCopier;if(flashcopier==null) {flashcopier=document.createElement('div');highlighter.flashCopier=flashcopier;highlighter.div.appendChild(flashcopier);} flashcopier.innerHTML='';} alert('The code is in your clipboard now');}},PrintSource:{label:'print',func:function(sender,highlighter) {var iframe=document.createElement('IFRAME');var doc=null;iframe.style.cssText='position:absolute;width:0px;height:0px;left:-500px;top:-500px;';document.body.appendChild(iframe);doc=iframe.contentWindow.document;dp.sh.Utils.CopyStyles(doc,window.document);doc.write('

'+highlighter.div.innerHTML+'

');doc.close();iframe.contentWindow.focus();iframe.contentWindow.print();alert('Printing...');document.body.removeChild(iframe);}},About:{label:'?',func:function(highlighter) {var wnd=window.open('','_blank','dialog,width=300,height=150,scrollbars=0');var doc=wnd.document;dp.sh.Utils.CopyStyles(doc,window.document);doc.write(dp.sh.Strings.AboutDialog.replace('{V}',dp.sh.Version));doc.close();wnd.focus();}}};dp.sh.Toolbar.Create=function(highlighter) {var div=document.createElement('DIV');div.className='tools';for(var name in dp.sh.Toolbar.Commands) {var cmd=dp.sh.Toolbar.Commands[name];if(cmd.check!=null&&!cmd.check(highlighter)) continue;div.innerHTML+=''+cmd.label+'';} return div;} dp.sh.Toolbar.Command=function(name,sender) {var n=sender;while(n!=null&&n.className.indexOf('dp-highlighter')==-1) n=n.parentNode;if(n!=null) dp.sh.Toolbar.Commands[name].func(sender,n.highlighter);} dp.sh.Utils.CopyStyles=function(destDoc,sourceDoc) {var links=sourceDoc.getElementsByTagName('link');for(var i=0;i');} dp.sh.Utils.FixForBlogger=function(str) {return(dp.sh.isBloggerMode==true)?str.replace(/
|<br\s*\/?>/gi,''):str;} dp.sh.RegexLib={MultiLineCComments:new RegExp('/\\*[\\s\\S]*?\\*/','gm'),SingleLineCComments:new RegExp('//.*$','gm'),SingleLinePerlComments:new RegExp('#.*$','gm'),DoubleQuotedString:new RegExp('"(?:\\.|(\\\\\\")|[^\\""\\n])*"','g'),SingleQuotedString:new RegExp("'(?:\\.|(\\\\\\')|[^\\''\\n])*'",'g')};dp.sh.Match=function(value,index,css) {this.value=value;this.index=index;this.length=value.length;this.css=css;} dp.sh.Highlighter=function() {this.noGutter=false;this.addControls=true;this.collapse=false;this.tabsToSpaces=true;this.wrapColumn=80;this.showColumns=true;} dp.sh.Highlighter.SortCallback=function(m1,m2) {if(m1.indexm2.index) return 1;else {if(m1.lengthm2.length) return 1;} return 0;} dp.sh.Highlighter.prototype.CreateElement=function(name) {var result=document.createElement(name);result.highlighter=this;return result;} dp.sh.Highlighter.prototype.GetMatches=function(regex,css) {var index=0;var match=null;while((match=regex.exec(this.code))!=null) this.matches[this.matches.length]=new dp.sh.Match(match[0],match.index,css);} dp.sh.Highlighter.prototype.AddBit=function(str,css) {if(str==null||str.length==0) return;var span=this.CreateElement('SPAN');str=str.replace(/ /g,' ');str=str.replace(/');if(css!=null) {if((/br/gi).test(str)) {var lines=str.split(' 
');for(var i=0;ic.index)&&(match.index/gi,'\n');var lines=html.split('\n');if(this.addControls==true) this.bar.appendChild(dp.sh.Toolbar.Create(this));if(this.showColumns) {var div=this.CreateElement('div');var columns=this.CreateElement('div');var showEvery=10;var i=1;while(i<=150) {if(i%showEvery==0) {div.innerHTML+=i;i+=(i+'').length;} else {div.innerHTML+='·';i++;}} columns.className='columns';columns.appendChild(div);this.bar.appendChild(columns);} for(var i=0,lineIndex=this.firstLine;i0;i++) {if(Trim(lines[i]).length==0) continue;var matches=regex.exec(lines[i]);if(matches!=null&&matches.length>0) min=Math.min(matches[0].length,min);} if(min>0) for(var i=0;i

Blogger Syntax Highliter

Version: {V}

http://www.dreamprojections.com/syntaxhighlighter

©2004-2007 Alex Gorbatchev.

'},ClipboardSwf:null,Version:'1.5.1'}};dp.SyntaxHighlighter=dp.sh;dp.sh.Toolbar.Commands={ExpandSource:{label:'+ expand source',check:function(highlighter){return highlighter.collapse;},func:function(sender,highlighter) {sender.parentNode.removeChild(sender);highlighter.div.className=highlighter.div.className.replace('collapsed','');}},ViewSource:{label:'view plain',func:function(sender,highlighter) {var code=dp.sh.Utils.FixForBlogger(highlighter.originalCode).replace(/'+code+'');wnd.document.close();}},CopyToClipboard:{label:'copy to clipboard',check:function(){return window.clipboardData!=null||dp.sh.ClipboardSwf!=null;},func:function(sender,highlighter) {var code=dp.sh.Utils.FixForBlogger(highlighter.originalCode).replace(/</g,'<').replace(/>/g,'>').replace(/&/g,'&');if(window.clipboardData) {window.clipboardData.setData('text',code);} else if(dp.sh.ClipboardSwf!=null) {var flashcopier=highlighter.flashCopier;if(flashcopier==null) {flashcopier=document.createElement('div');highlighter.flashCopier=flashcopier;highlighter.div.appendChild(flashcopier);} flashcopier.innerHTML='';} alert('The code is in your clipboard now');}},PrintSource:{label:'print',func:function(sender,highlighter) {var iframe=document.createElement('IFRAME');var doc=null;iframe.style.cssText='position:absolute;width:0px;height:0px;left:-500px;top:-500px;';document.body.appendChild(iframe);doc=iframe.contentWindow.document;dp.sh.Utils.CopyStyles(doc,window.document);doc.write('

'+highlighter.div.innerHTML+'

');doc.close();iframe.contentWindow.focus();iframe.contentWindow.print();alert('Printing...');document.body.removeChild(iframe);}},About:{label:'?',func:function(highlighter) {var wnd=window.open('','_blank','dialog,width=300,height=150,scrollbars=0');var doc=wnd.document;dp.sh.Utils.CopyStyles(doc,window.document);doc.write(dp.sh.Strings.AboutDialog.replace('{V}',dp.sh.Version));doc.close();wnd.focus();}}};dp.sh.Toolbar.Create=function(highlighter) {var div=document.createElement('DIV');div.className='tools';for(var name in dp.sh.Toolbar.Commands) {var cmd=dp.sh.Toolbar.Commands[name];if(cmd.check!=null&&!cmd.check(highlighter)) continue;div.innerHTML+=''+cmd.label+'';} return div;} dp.sh.Toolbar.Command=function(name,sender) {var n=sender;while(n!=null&&n.className.indexOf('dp-highlighter')==-1) n=n.parentNode;if(n!=null) dp.sh.Toolbar.Commands[name].func(sender,n.highlighter);} dp.sh.Utils.CopyStyles=function(destDoc,sourceDoc) {var links=sourceDoc.getElementsByTagName('link');for(var i=0;i');} dp.sh.Utils.FixForBlogger=function(str) {return(dp.sh.isBloggerMode==true)?str.replace(/
|<br\s*\/?>/gi,'\n'):str;} dp.sh.RegexLib={MultiLineCComments:new RegExp('/\\*[\\s\\S]*?\\*/','gm'),SingleLineCComments:new RegExp('//.*$','gm'),SingleLinePerlComments:new RegExp('#.*$','gm'),DoubleQuotedString:new RegExp('"(?:\\.|(\\\\\\")|[^\\""\\n])*"','g'),SingleQuotedString:new RegExp("'(?:\\.|(\\\\\\')|[^\\''\\n])*'",'g')};dp.sh.Match=function(value,index,css) {this.value=value;this.index=index;this.length=value.length;this.css=css;} dp.sh.Highlighter=function() {this.noGutter=false;this.addControls=true;this.collapse=false;this.tabsToSpaces=true;this.wrapColumn=80;this.showColumns=true;} dp.sh.Highlighter.SortCallback=function(m1,m2) {if(m1.indexm2.index) return 1;else {if(m1.lengthm2.length) return 1;} return 0;} dp.sh.Highlighter.prototype.CreateElement=function(name) {var result=document.createElement(name);result.highlighter=this;return result;} dp.sh.Highlighter.prototype.GetMatches=function(regex,css) {var index=0;var match=null;while((match=regex.exec(this.code))!=null) this.matches[this.matches.length]=new dp.sh.Match(match[0],match.index,css);} dp.sh.Highlighter.prototype.AddBit=function(str,css) {if(str==null||str.length==0) return;var span=this.CreateElement('SPAN');str=str.replace(/ /g,' ');str=str.replace(/');if(css!=null) {if((/br/gi).test(str)) {var lines=str.split(' 
');for(var i=0;ic.index)&&(match.index/gi,'\n');var lines=html.split('\n');if(this.addControls==true) this.bar.appendChild(dp.sh.Toolbar.Create(this));if(this.showColumns) {var div=this.CreateElement('div');var columns=this.CreateElement('div');var showEvery=10;var i=1;while(i<=150) {if(i%showEvery==0) {div.innerHTML+=i;i+=(i+'').length;} else {div.innerHTML+='·';i++;}} columns.className='columns';columns.appendChild(div);this.bar.appendChild(columns);} for(var i=0,lineIndex=this.firstLine;i0;i++) {if(Trim(lines[i]).length==0) continue;var matches=regex.exec(lines[i]);if(matches!=null&&matches.length>0) min=Math.min(matches[0].length,min);} if(min>0) for(var i=0;i

ページビューの合計