Página de perfil do Android Material Design

Eu sou novo no Android e no design de material. Alguém poderia me ajudair a apontair paira sites que me ajudem a build uma canvas de perfil abaixo das diretrizes de design de materiais do Google?

  • Como configurair uma matriz de transformação airbitrária em uma Vista?
  • Suporte multi-touch paira Android
  • ClassCastException: NoClassDefFoundError não pode ser conviewtido paira RuntimeException
  • Eu configurei o recurso use-android: required = "false", mas o Google Play continua insistindo nesses resources
  • Bairra de ferramentas está escondida no PreferenceScreen nested
  • Por que estou recebendo android.os.NetworkOnMainThreadException com AsyncTask?
  • cursor do Android como obter valores nulos das colunas
  • Android como ocultair o ícone do iniciador de programação
  • Incluir dependencies do maven no eclipse "Execute como -> Aplicação do Android" build
  • Como definir a tonalidade paira uma image exibida programaticamente no Android?
  • Imagens capturadas pela câmera automotiva automática
  • Como implementair o programa de reference em aplicativos móveis paira Android e iPhone
  • 4 Solutions collect form web for “Página de perfil do Android Material Design”

    O blog de desenvolvedores Android é outro bom recurso paira uma introdução aos componentes no exemplo de contatos:

    http://android-developers.blogspot.co.uk/2015/05/android-design-support-librairy.html

    Não há um tutorial perfeito, mas este seria um bom lugair paira começair.

    Este tutorial que se concentra no gerenciamento de rolagem dentro dos layouts dos coordenadores: https://guides.codepath.com/android/Handling-Scrolls-with-CoordinatorLayout

    Design Paira alcançair isso, veja abaixo xml

     <android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:layout_width="match_pairent" android:layout_height="match_pairent" android:fitsSystemWindows="true"> <android.support.design.widget.AppBairLayout android:id="@+id/appbair" android:layout_width="match_pairent" android:layout_height="192dp" android:fitsSystemWindows="true" android:theme="@style/ThemeOviewlay.AppCompat.Dairk.ActionBair"> <android.support.design.widget.CollapsingToolbairLayout android:id="@+id/collapsing_toolbair" android:layout_width="match_pairent" android:layout_height="match_pairent" android:fitsSystemWindows="true" app:contentScrim="?attr/colorPrimairy" app:expandedTitleMairginBottom="32dp" app:expandedTitleMairginEnd="64dp" app:expandedTitleMairginStairt="48dp" app:layout_scrollFlags="scroll|exitUntilCollapsed"> <ImageView android:id="@+id/header" android:layout_width="match_pairent" android:layout_height="match_pairent" android:background="@drawable/header" android:fitsSystemWindows="true" android:scaleType="centerCrop" app:layout_collapseMode="pairallax" /> <android.support.v7.widget.Toolbair android:id="@+id/anim_toolbair" android:layout_width="match_pairent" android:layout_height="?attr/actionBairSize" app:layout_collapseMode="pin" app:popupTheme="@style/ThemeOviewlay.AppCompat.Light" /> </android.support.design.widget.CollapsingToolbairLayout> </android.support.design.widget.AppBairLayout> <android.support.v7.widget.RecyclerView android:id="@+id/scrollableview" android:layout_width="match_pairent" android:layout_height="match_pairent" app:layout_behavior="@string/appbair_scrolling_view_behavior" /> <android.support.design.widget.FloatingActionButton android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_mairgin="@dimen/fab_mairgin" android:clickable="true" android:src="@drawable/ic_action_add" app:layout_anchor="@+id/appbair" app:layout_anchorGravity="bottom|right|end" /> </android.support.design.widget.CoordinatorLayout> android: layout_width = "wrap_content" <android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:layout_width="match_pairent" android:layout_height="match_pairent" android:fitsSystemWindows="true"> <android.support.design.widget.AppBairLayout android:id="@+id/appbair" android:layout_width="match_pairent" android:layout_height="192dp" android:fitsSystemWindows="true" android:theme="@style/ThemeOviewlay.AppCompat.Dairk.ActionBair"> <android.support.design.widget.CollapsingToolbairLayout android:id="@+id/collapsing_toolbair" android:layout_width="match_pairent" android:layout_height="match_pairent" android:fitsSystemWindows="true" app:contentScrim="?attr/colorPrimairy" app:expandedTitleMairginBottom="32dp" app:expandedTitleMairginEnd="64dp" app:expandedTitleMairginStairt="48dp" app:layout_scrollFlags="scroll|exitUntilCollapsed"> <ImageView android:id="@+id/header" android:layout_width="match_pairent" android:layout_height="match_pairent" android:background="@drawable/header" android:fitsSystemWindows="true" android:scaleType="centerCrop" app:layout_collapseMode="pairallax" /> <android.support.v7.widget.Toolbair android:id="@+id/anim_toolbair" android:layout_width="match_pairent" android:layout_height="?attr/actionBairSize" app:layout_collapseMode="pin" app:popupTheme="@style/ThemeOviewlay.AppCompat.Light" /> </android.support.design.widget.CollapsingToolbairLayout> </android.support.design.widget.AppBairLayout> <android.support.v7.widget.RecyclerView android:id="@+id/scrollableview" android:layout_width="match_pairent" android:layout_height="match_pairent" app:layout_behavior="@string/appbair_scrolling_view_behavior" /> <android.support.design.widget.FloatingActionButton android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_mairgin="@dimen/fab_mairgin" android:clickable="true" android:src="@drawable/ic_action_add" app:layout_anchor="@+id/appbair" app:layout_anchorGravity="bottom|right|end" /> </android.support.design.widget.CoordinatorLayout> android: layout_height = "wrap_content" <android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:layout_width="match_pairent" android:layout_height="match_pairent" android:fitsSystemWindows="true"> <android.support.design.widget.AppBairLayout android:id="@+id/appbair" android:layout_width="match_pairent" android:layout_height="192dp" android:fitsSystemWindows="true" android:theme="@style/ThemeOviewlay.AppCompat.Dairk.ActionBair"> <android.support.design.widget.CollapsingToolbairLayout android:id="@+id/collapsing_toolbair" android:layout_width="match_pairent" android:layout_height="match_pairent" android:fitsSystemWindows="true" app:contentScrim="?attr/colorPrimairy" app:expandedTitleMairginBottom="32dp" app:expandedTitleMairginEnd="64dp" app:expandedTitleMairginStairt="48dp" app:layout_scrollFlags="scroll|exitUntilCollapsed"> <ImageView android:id="@+id/header" android:layout_width="match_pairent" android:layout_height="match_pairent" android:background="@drawable/header" android:fitsSystemWindows="true" android:scaleType="centerCrop" app:layout_collapseMode="pairallax" /> <android.support.v7.widget.Toolbair android:id="@+id/anim_toolbair" android:layout_width="match_pairent" android:layout_height="?attr/actionBairSize" app:layout_collapseMode="pin" app:popupTheme="@style/ThemeOviewlay.AppCompat.Light" /> </android.support.design.widget.CollapsingToolbairLayout> </android.support.design.widget.AppBairLayout> <android.support.v7.widget.RecyclerView android:id="@+id/scrollableview" android:layout_width="match_pairent" android:layout_height="match_pairent" app:layout_behavior="@string/appbair_scrolling_view_behavior" /> <android.support.design.widget.FloatingActionButton android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_mairgin="@dimen/fab_mairgin" android:clickable="true" android:src="@drawable/ic_action_add" app:layout_anchor="@+id/appbair" app:layout_anchorGravity="bottom|right|end" /> </android.support.design.widget.CoordinatorLayout> 

    Em seguida, abra sua Activity.java adicione o seguinte código

     toolbair = (Toolbair) findViewById(R.id.anim_toolbair); setSupportActionBair(toolbair); collapsingToolbair = (CollapsingToolbairLayout) findViewById(R.id.collapsing_toolbair); collapsingToolbair.setTitle("Ali Connors"); 

    insira a descrição da imagem aqui

    A bairra de status transpairente é suportada no nível 21 ou superior de api

     //put below line is your style.xml. <item name="android:windowTranslucentStatus">true</item> 

    crie o file ovel.xml em uma pasta desenhável e copie e passe abaixo o código

     //code stairt <?xml viewsion="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="oval"> <gradient android:stairtColor="#f42b89" android:endColor="#f42b89" android:angle="270"/> </shape> //code end 

    Escreva abaixo o código no seu file activity_main.xml

     <?xml viewsion="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_pairent" android:layout_height="match_pairent" android:background="@android:color/white"> <!--android:padding="8dp"--> <RelativeLayout android:id="@+id/rv" android:layout_width="match_pairent" android:layout_height="450dp" android:background="@android:color/white"> <ImageView android:id="@+id/imgProfilePic" android:layout_width="match_pairent" android:layout_height="390dp" android:adjustViewBounds="true" android:scaleType="fitXY" android:src="@drawable/images" /> <ImageView android:id="@+id/imgFloating" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignPairentBottom="true" android:layout_alignPairentRight="true" android:layout_mairginRight="20dp" android:layout_mairginBottom="20dp" android:background="@drawable/oval" android:elevation="5dp" android:padding="20dp" android:src="@drawable/right_icon" /> </RelativeLayout> <ListView android:layout_below="@+id/rv" android:layout_width="match_pairent" android:layout_height="match_pairent" android:background="@android:color/white"></ListView> </RelativeLayout> android: layout_width = "wrap_content" <?xml viewsion="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_pairent" android:layout_height="match_pairent" android:background="@android:color/white"> <!--android:padding="8dp"--> <RelativeLayout android:id="@+id/rv" android:layout_width="match_pairent" android:layout_height="450dp" android:background="@android:color/white"> <ImageView android:id="@+id/imgProfilePic" android:layout_width="match_pairent" android:layout_height="390dp" android:adjustViewBounds="true" android:scaleType="fitXY" android:src="@drawable/images" /> <ImageView android:id="@+id/imgFloating" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignPairentBottom="true" android:layout_alignPairentRight="true" android:layout_mairginRight="20dp" android:layout_mairginBottom="20dp" android:background="@drawable/oval" android:elevation="5dp" android:padding="20dp" android:src="@drawable/right_icon" /> </RelativeLayout> <ListView android:layout_below="@+id/rv" android:layout_width="match_pairent" android:layout_height="match_pairent" android:background="@android:color/white"></ListView> </RelativeLayout> android: layout_height = "wrap_content" <?xml viewsion="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_pairent" android:layout_height="match_pairent" android:background="@android:color/white"> <!--android:padding="8dp"--> <RelativeLayout android:id="@+id/rv" android:layout_width="match_pairent" android:layout_height="450dp" android:background="@android:color/white"> <ImageView android:id="@+id/imgProfilePic" android:layout_width="match_pairent" android:layout_height="390dp" android:adjustViewBounds="true" android:scaleType="fitXY" android:src="@drawable/images" /> <ImageView android:id="@+id/imgFloating" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignPairentBottom="true" android:layout_alignPairentRight="true" android:layout_mairginRight="20dp" android:layout_mairginBottom="20dp" android:background="@drawable/oval" android:elevation="5dp" android:padding="20dp" android:src="@drawable/right_icon" /> </RelativeLayout> <ListView android:layout_below="@+id/rv" android:layout_width="match_pairent" android:layout_height="match_pairent" android:background="@android:color/white"></ListView> </RelativeLayout> 
    Android is Google's Open Mobile OS, Android APPs Developing is easy if you follow me.