Android Material Design Profilseite

Ich bin neu in der android-und material-design. Könnte jemand bitte helfen Sie mir, zeigen Sie auf alle Internetseiten, die mir helfen, ein Profil zu erstellen-Bildschirm, wie unten als pro Google ' s material design-Richtlinien?

Android Material Design Profilseite

InformationsquelleAutor der Frage Jsm | 2015-11-01

  2. 2

    Die android-Entwickler-blog ist eine weitere gute Ressource für eine Einführung zu den Komponenten, die in den Kontakten Beispiel:

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

    Es gibt keine perfekte Anleitung, aber das wäre ein guter Ort, um zu starten.

    Dieses tutorial konzentriert sich auf die Handhabung scrollen innerhalb Koordinator layouts: https://guides.codepath.com/android/Handling-Scrolls-with-CoordinatorLayout

    InformationsquelleAutor der Antwort AndroidEnthusiast

  3. 1

    Design um dies Zu erreichen, schauen Sie unter 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_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true">
<android.support.design.widget.AppBarLayout
    android:id="@+id/appbar"
    android:layout_width="match_parent"
    android:layout_height="192dp"
    android:fitsSystemWindows="true"
    android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">
    <android.support.design.widget.CollapsingToolbarLayout
        android:id="@+id/collapsing_toolbar"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:fitsSystemWindows="true"
        app:contentScrim="?attr/colorPrimary"
        app:expandedTitleMarginBottom="32dp"
        app:expandedTitleMarginEnd="64dp"
        app:expandedTitleMarginStart="48dp"
        app:layout_scrollFlags="scroll|exitUntilCollapsed">
        <ImageView
            android:id="@+id/header"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@drawable/header"
            android:fitsSystemWindows="true"
            android:scaleType="centerCrop"
            app:layout_collapseMode="parallax" />
        <android.support.v7.widget.Toolbar
            android:id="@+id/anim_toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            app:layout_collapseMode="pin"
            app:popupTheme="@style/ThemeOverlay.AppCompat.Light" />
    </android.support.design.widget.CollapsingToolbarLayout>
</android.support.design.widget.AppBarLayout>
<android.support.v7.widget.RecyclerView
    android:id="@+id/scrollableview"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:layout_behavior="@string/appbar_scrolling_view_behavior" />
<android.support.design.widget.FloatingActionButton
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_margin="@dimen/fab_margin"
    android:clickable="true"
    android:src="@drawable/ic_action_add"
    app:layout_anchor="@+id/appbar"
    app:layout_anchorGravity="bottom|right|end" />
</android.support.design.widget.CoordinatorLayout>

    Öffnen Sie dann Ihre Activity.java fügen Sie folgenden code

    toolbar = (Toolbar) findViewById(R.id.anim_toolbar);
setSupportActionBar(toolbar);
collapsingToolbar = (CollapsingToolbarLayout) findViewById(R.id.collapsing_toolbar);
collapsingToolbar.setTitle("Ali Connors");

    InformationsquelleAutor der Antwort Joker

  4. 0

    Android Material Design Profilseite

    Die Status Bar transparent unterstützt wird, wird auf api-level 21 oder höher level

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

    erstellen ovel.xml - Datei im drawable-Ordner und kopieren und Vergangenheit folgenden code

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

    Schreiben Sie folgenden code in Ihre activity_main.xml Datei 

    <?xml version="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_parent"
    android:layout_height="match_parent"
    android:background="@android:color/white">
    <!--android:padding="8dp"-->
    <RelativeLayout
        android:id="@+id/rv"
        android:layout_width="match_parent"
        android:layout_height="450dp"
        android:background="@android:color/white">

        <ImageView
            android:id="@+id/imgProfilePic"
            android:layout_width="match_parent"
            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_alignParentBottom="true"
            android:layout_alignParentRight="true"
            android:layout_marginRight="20dp"
            android:layout_marginBottom="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_parent"
        android:layout_height="match_parent"
        android:background="@android:color/white"></ListView>

</RelativeLayout>

    InformationsquelleAutor der Antwort Krunal Patel

Schreibe einen Kommentar