ANDROID L-Material Designの詳細(UIコントロール)
6643 ワード
転載は本文がトウモロコシのブログから出たことを明記してください(http://blog.csdn.net/a396901990)、応援ありがとうございます!
Android L:
GoogleはAndroid LがAndroid Lollipop(5.0)であることを確認した.
先日Android 5を発見しました.0公式版のsdkはすでにダウンロード可能で、Android Lシステムを初めて搭載したNexus 6とNexus 9も発売される.
だからAndroid Lの勉強を始める時だ!
Android Lがシミュレータを構成し、プロジェクトを作成する方法について、興味があれば前の記事を見てください.
Android L-シミュレータの構成とプロジェクトの作成
Material Design:
Material DesignはGoogleが発表した新しいデザイン言語で、擬物扁平化が特徴です.
Material Designには多くの内容が含まれています.私は大きく4つの部分に分けます.
トピックとレイアウト-ANDROID L-Material Designの詳細(トピックとレイアウト)
ビューとシャドウ、ANDROID L、Material Designの詳細(ビューとシャドウ)
UIコントロール-ANDROID L-Material Designの詳細(UIコントロール)
アニメ——ANDROID L——Material Design詳細(アニメ編)
今日はまず第3部であるMaterialの新しいUIコントロールについてお話しします
UIコントロール
Android LにはRecyclerView,CardViewの2つのコントロールが追加されています
:
RecyclerView:
RecyclerViewはListViewのアップグレード版で、パフォーマンスが向上し、使いやすくなります.
RecyclerViewというコントロールは、大量のビューセットをロードでき、回収やスクロールを非常に効率的に行うことができます.リストの要素が常に動的に変更される場合は、RecyclerViewコントロールを使用します.
RecyclerViewは非常に使いやすく、次の2つの機能を提供しています.
各エントリの場所にlayoutマネージャ(RecyclerView.setLayoutManager)を提供
各エントリの操作アニメーションが設定されています(RecyclerView.setItemAnimator)
次の例では、RecyclerViewを定義して使用する方法について説明します.
1.レイアウトファイルにRecyclerViewを追加
2.RecyclerViewパラメータを初期化し、layoutManagerとadapterを設定する
3.adapterを作成する
CardView:
CardViewはFrameLayoutから継承され、cardビューに情報を表示できます.CardViewでは、シャドウとフィレットを設定することもできます.(実は今では多くのアプリケーションがCardビューをカスタマイズしていますが、Googleは今回cardビューを基本コントロールとして直接使用することができます)
LayoutでCardViewのフィレットを設定するにはcard_を使用します.view:cardCornerRadiusプロパティ
コードにCardViewのフィレットを設定CardViewを使用します.setRadiusメソッド
CardViewの背景色を設定するにはcard_を使用します.view:cardBackgroundColorプロパティ
レイアウトには次のようなCardViewが含まれています.
互換性:
RecyclerView、CardViewはAndroid L Developer Preview Support Libraryに含まれているので、以前のバージョンで使用できますが、いくつかの制限があります.
まとめ:
Material Designを次の4つの部分に分けます.
トピックとレイアウト-ANDROID L-Material Designの詳細(トピックとレイアウト)
ビューとシャドウ、ANDROID L、Material Designの詳細(ビューとシャドウ)
UIコントロール-ANDROID L-Material Designの詳細(UIコントロール)
アニメ——ANDROID L——Material Design詳細(アニメ編)
本明細書で紹介する2つのコントロール(RecyclerView,CardView)は、今後Android Lの開発でよく使われるため、非常に重要である.
この文章の紹介内容はすべて公式文書から翻訳されているので、みんなが見ていると少しぼんやりしているかもしれません.でも大丈夫です.数日後にRecyclerViewを更新します.CardViewはAndroid StudioとEclipseでどのようにパッケージを案内するか、2つのコントロールと組み合わせて使用する小さなDemoを紹介します.
Android L-RecyclerView,CardViewの導入と使用(Demo)
Material Desginの紹介は動画部分しか残っていませんので、早速更新しますので、お楽しみに...
Android L:
GoogleはAndroid LがAndroid Lollipop(5.0)であることを確認した.
先日Android 5を発見しました.0公式版のsdkはすでにダウンロード可能で、Android Lシステムを初めて搭載したNexus 6とNexus 9も発売される.
だからAndroid Lの勉強を始める時だ!
Android Lがシミュレータを構成し、プロジェクトを作成する方法について、興味があれば前の記事を見てください.
Android L-シミュレータの構成とプロジェクトの作成
Material Design:
Material DesignはGoogleが発表した新しいデザイン言語で、擬物扁平化が特徴です.
Material Designには多くの内容が含まれています.私は大きく4つの部分に分けます.
トピックとレイアウト-ANDROID L-Material Designの詳細(トピックとレイアウト)
ビューとシャドウ、ANDROID L、Material Designの詳細(ビューとシャドウ)
UIコントロール-ANDROID L-Material Designの詳細(UIコントロール)
アニメ——ANDROID L——Material Design詳細(アニメ編)
今日はまず第3部であるMaterialの新しいUIコントロールについてお話しします
UIコントロール
Android LにはRecyclerView,CardViewの2つのコントロールが追加されています
:
RecyclerView:
RecyclerViewはListViewのアップグレード版で、パフォーマンスが向上し、使いやすくなります.
RecyclerViewというコントロールは、大量のビューセットをロードでき、回収やスクロールを非常に効率的に行うことができます.リストの要素が常に動的に変更される場合は、RecyclerViewコントロールを使用します.
RecyclerViewは非常に使いやすく、次の2つの機能を提供しています.
各エントリの場所にlayoutマネージャ(RecyclerView.setLayoutManager)を提供
各エントリの操作アニメーションが設定されています(RecyclerView.setItemAnimator)
次の例では、RecyclerViewを定義して使用する方法について説明します.
1.レイアウトファイルにRecyclerViewを追加
<!-- A RecyclerView with some commonly used attributes -->
<android.support.v7.widget.RecyclerView
android:id="@+id/my_recycler_view"
android:scrollbars="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent"/>
2.RecyclerViewパラメータを初期化し、layoutManagerとadapterを設定する
public class MyActivity extends Activity {
private RecyclerView mRecyclerView;
private RecyclerView.Adapter mAdapter;
private RecyclerView.LayoutManager mLayoutManager;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.my_activity);
mRecyclerView = (RecyclerView) findViewById(R.id.my_recycler_view);
// improve performance if you know that changes in content
// do not change the size of the RecyclerView
mRecyclerView.setHasFixedSize(true);
// use a linear layout manager
mLayoutManager = new LinearLayoutManager(this);
mRecyclerView.setLayoutManager(mLayoutManager);
// specify an adapter (see also next example)
mAdapter = new MyAdapter(myDataset);
mRecyclerView.setAdapter(mAdapter);
}
...
}
3.adapterを作成する
public class MyAdapter extends RecyclerView.Adapter<MyAdapter.ViewHolder> {
private String[] mDataset;
// Provide a reference to the type of views that you are using
// (custom viewholder)
public static class ViewHolder extends RecyclerView.ViewHolder {
public TextView mTextView;
public ViewHolder(TextView v) {
super(v);
mTextView = v;
}
}
// Provide a suitable constructor (depends on the kind of dataset)
public MyAdapter(String[] myDataset) {
mDataset = myDataset;
}
// Create new views (invoked by the layout manager)
@Override
public MyAdapter.ViewHolder onCreateViewHolder(ViewGroup parent,
int viewType) {
// create a new view
View v = LayoutInflater.from(parent.getContext())
.inflate(R.layout.my_text_view, parent, false);
// set the view's size, margins, paddings and layout parameters
...
ViewHolder vh = new ViewHolder(v);
return vh;
}
// Replace the contents of a view (invoked by the layout manager)
@Override
public void onBindViewHolder(ViewHolder holder, int position) {
// - get element from your dataset at this position
// - replace the contents of the view with that element
holder.mTextView.setText(mDataset[position]);
}
// Return the size of your dataset (invoked by the layout manager)
@Override
public int getItemCount() {
return mDataset.length;
}
}
CardView:
CardViewはFrameLayoutから継承され、cardビューに情報を表示できます.CardViewでは、シャドウとフィレットを設定することもできます.(実は今では多くのアプリケーションがCardビューをカスタマイズしていますが、Googleは今回cardビューを基本コントロールとして直接使用することができます)
LayoutでCardViewのフィレットを設定するにはcard_を使用します.view:cardCornerRadiusプロパティ
コードにCardViewのフィレットを設定CardViewを使用します.setRadiusメソッド
CardViewの背景色を設定するにはcard_を使用します.view:cardBackgroundColorプロパティ
レイアウトには次のようなCardViewが含まれています.
<!-- A CardView that contains a TextView -->
<android.support.v7.widget.CardView
xmlns:card_view="http://schemas.android.com/apk/res-auto"
android:id="@+id/card_view"
android:layout_gravity="center"
android:layout_width="200dp"
android:layout_height="200dp"
card_view:cardCornerRadius="4dp">
<TextView
android:id="@+id/info_text"
android:layout_width="match_parent"
android:layout_height="match_parent" />
</android.support.v7.widget.CardView>
互換性:
RecyclerView、CardViewはAndroid L Developer Preview Support Libraryに含まれているので、以前のバージョンで使用できますが、いくつかの制限があります.
まとめ:
Material Designを次の4つの部分に分けます.
トピックとレイアウト-ANDROID L-Material Designの詳細(トピックとレイアウト)
ビューとシャドウ、ANDROID L、Material Designの詳細(ビューとシャドウ)
UIコントロール-ANDROID L-Material Designの詳細(UIコントロール)
アニメ——ANDROID L——Material Design詳細(アニメ編)
本明細書で紹介する2つのコントロール(RecyclerView,CardView)は、今後Android Lの開発でよく使われるため、非常に重要である.
この文章の紹介内容はすべて公式文書から翻訳されているので、みんなが見ていると少しぼんやりしているかもしれません.でも大丈夫です.数日後にRecyclerViewを更新します.CardViewはAndroid StudioとEclipseでどのようにパッケージを案内するか、2つのコントロールと組み合わせて使用する小さなDemoを紹介します.
Android L-RecyclerView,CardViewの導入と使用(Demo)
Material Desginの紹介は動画部分しか残っていませんので、早速更新しますので、お楽しみに...