Comportamientos dependientes en Material Design

Clase 44 de 96 • Curso Definitivo de Android 2016

JERSON STIVEL GÓMEZ URREGO

student•

En el vídeo falta implementar el CollapsingToolbarLayout la siguiente propiedad para darle el efecto de desvanecido al texto app:contentScrim="@color/colorPrimary"

Uriel Ramírez

student•

Que buen aporte!!!! cierto

Carlos Eduardo Mejía García

student•

Aunque la idea es que el nombre quede visible junto a la imagen cuando esta colapse.

Damián Lascarez Rodríguez

student•

Amigos recuerden que para las dimensiones de textos deben usar “sp”, en lugar de “dp”. Me parece que en este video la profe se equivocó en las medidas y coloco: “dp” para:

textsize_usernameprofile
textsize_usernametoolbarprofile

Ann Code

teacher•

Gracias! efectivamente es sp para los textos, por regla estricta.

Paul Gualambo Giraldo

student•

si me di cuenta, de todas maneras gracias

Fabrizzio Chávez Tejada

student•

De acuerdo a lo solicitado en el video donde se debe ajustar el layout, les comparto mi código con el CircleImageView a la mitad del fondo azul y blanco como está en la maquetación, aqui el demo: Demo Fragment_profile

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout 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"
    tools:context=".view.fragment.ProfileFragment">

    <android.support.design.widget.AppBarLayout
        android:id="@+id/appBarProfile"
        android:layout_width="match_parent"
        android:layout_height="250dp"
        android:theme="@style/AppTheme.AppBarOverlay"
        android:background="@color/colorPrimary"
        >
        <android.support.design.widget.CollapsingToolbarLayout
            android:id="@+id/collapsingToolbarProfile"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            app:statusBarScrim="@color/colorPrimary"
            app:layout_scrollFlags="scroll|exitUntilCollapsed"
            app:contentScrim="@color/colorPrimary"
            >

            <android.support.v7.widget.Toolbar
                android:id="@+id/toolbar"
                android:layout_width="match_parent"
                android:layout_height="?attr/actionBarSize"
                android:background="?attr/colorPrimary"
                app:popupTheme="@style/AppTheme.PopupOverlay" />
        </android.support.design.widget.CollapsingToolbarLayout>

    </android.support.design.widget.AppBarLayout>

    <android.support.v4.widget.NestedScrollView
        app:layout_behavior="@string/appbar_scrolling_view_behavior"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:paddingLeft="@dimen/activity_vertical_margin"
            android:paddingRight="@dimen/activity_vertical_margin"
            android:orientation="vertical">
            <View
                android:layout_width="match_parent"
                android:layout_height="150dp"/>
            <android.support.v7.widget.RecyclerView
                android:layout_below="@+id/space"
                android:id="@+id/pictureProfileRecycler"
                android:layout_width="match_parent"
                android:layout_height="match_parent"/>
        </LinearLayout>
    </android.support.v4.widget.NestedScrollView>

    <de.hdodenhof.circleimageview.CircleImageView
        android:id="@+id/circleimage"
        android:layout_width="@dimen/dimen_circleiamgeprofile"
        android:layout_height="@dimen/dimen_circleiamgeprofile"
        android:src="@drawable/image"
        android:layout_marginTop="@dimen/margintop_circleimageprofile"
        android:elevation="@dimen/elevation_circleimageprofile"
        app:layout_anchor="@id/appBarProfile"
        app:layout_anchorGravity="center|bottom"
        app:dependsOn="@+id/appBarProfile"
        app:dependType="y"
        app:dependTargetY="@dimen/limitY_circleimage"
        app:targetX="10dp"
        app:targetWidth="@dimen/width_circleimagetoolbar"
        app:targetHeight="@dimen/width_circleimagetoolbar"
        app:layout_behavior="com.zoonref.SimpleViewBehavior"
        />

    <TextView
        android:id="@+id/tvUserNameProfile"
        android:elevation="@dimen/elevation_circleimageprofile"
        android:paddingTop="85dp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="25sp"
        android:text="@string/username_card"
        android:layout_gravity="bottom|center"
        app:layout_anchor="@id/appBarProfile"
        app:layout_anchorGravity="bottom|center"
        app:layout_behavior="com.zoonref.SimpleViewBehavior"
        app:dependsOn="@+id/appBarProfile"
        app:dependType="y"
        app:dependTargetY="@dimen/limitY_circleimage"
        app:targetAlpha="0"
        app:targetY="50dp"/>
    <TextView
        android:id="@+id/usernameToolbarProfile"
        android:elevation="@dimen/elevation_circleimageprofile"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="@dimen/marginleft_usernametoolbarprofile"
        android:layout_marginTop="@dimen/margintop_usernametoolbarprofile"
        android:textSize="20sp"
        android:text="@string/username_card"
        app:layout_behavior="com.zoonref.SimpleViewBehavior"
        app:dependsOn="@+id/appBarProfile"
        app:dependType="y"
        app:dependTargetY="@dimen/limitY_usernametoolbarprofile"
        android:alpha="0"
        app:targetAlpha="1"
        android:textColor="@android:color/white"
        app:targetY="45dp"/>
</android.support.design.widget.CoordinatorLayout>

Saludos.

KEVIN BRAYAN LUNA FIGUEROA

student•

Gracias por tu ayuda, pase vario tiempo buscando el error y gracias tu código lo pude solucionar!!

Fernando Daniel Jaime

student•

en el código que pegaste te comiste el linear layout… Sn eso no te va a andar…

Luis Gabriel Orellana Francisco

student•

Les adjunto las dimensiones correctas para que se pueda visualizar correctamente.

Dim:

<resources>
    <dimen name="activity_horizontal_margin">16dp</dimen>
    <dimen name="activity_vertical_margin">16dp</dimen>
    <dimen name="fab_margin">16dp</dimen>
    <dimen name="edittext_textsize_login">22sp</dimen>
    <dimen name="padding_horizontal_login">32dp</dimen>
    <dimen name="textsize_dont_have_account">16sp</dimen>
    <dimen name="edittext_margin_createaccount">10dp</dimen>
    <dimen name="height_cardview">200dp</dimen>
    <dimen name="cornerradius_cardview">4dp</dimen>
    <dimen name="textsize_username_card">25sp</dimen>
    <dimen name="firstword_textsize_card">15sp</dimen>
    <dimen name="timecard_marginleft_margin">5dp</dimen>
    <dimen name="like_margintop_card">10dp</dimen>
    <dimen name="bottombar_height">55dp</dimen>
    <dimen name="appbarlayout_height">200dp</dimen>
    <dimen name="textsize_usernamedetail">25sp</dimen>
    <dimen name="textsize_likenumberdetail">15sp</dimen>
    <dimen name="marginleft_secondword">7dp</dimen>
    <dimen name="height_divider">1dp</dimen>
    <dimen name="paddingtop_titleimagedetail">20dp</dimen>
    <dimen name="padding_horizontal_textcontentdetail">35dp</dimen>
    <dimen name="textsize_usernameprofile">30sp</dimen>
    <dimen name="dimen_circleImageProfile">160dp</dimen>
    <dimen name="margintop_circleimageprofile">30dp</dimen>
    <dimen name="textsize_usernametoolbarprofile">18sp</dimen>
    <dimen name="elevation_circleimageprofile">10dp</dimen>
    <dimen name="limitY_circleimage">-210dp</dimen>
    <dimen name="margintoptoolbar_circleimageprofile">6dp</dimen>
    <dimen name="width_circleimagetoolbar">40dp</dimen>
    <dimen name="marginleft_usernametoolbarprofile">72dp</dimen>
    <dimen name="margintop_usernametoolbarprofile">-100dp</dimen>
    <dimen name="limitY_usernametoolbarprofile">-250dp</dimen>
    <dimen name="margintoptargety_usernametoolbarprofile">40dp</dimen>
</resources>

XML:

<androidx.coordinatorlayout.widget.CoordinatorLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:fitsSystemWindows="true"
    tools:context=".view.fragment.ProfileFragment">

    <com.google.android.material.appbar.AppBarLayout
        android:id="@+id/appBarProfile"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:fitsSystemWindows="true"
        android:theme="@style/AppTheme.AppBarOverlay">

        <com.google.android.material.appbar.CollapsingToolbarLayout
            android:id="@+id/collapsingToolbarProfile"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:contentScrim="@color/colorPrimary"
            app:statusBarScrim="@color/colorPrimary"
            app:layout_scrollFlags="scroll|exitUntilCollapsed">

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="vertical"
                android:paddingTop="200dp"
                android:paddingBottom="20dp"
                android:layout_gravity="center|top"
                android:layout_marginLeft="16dp"
                android:layout_marginRight="16dp"
                android:gravity="center">
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="@string/username_card"
                    android:textColor="@color/colorWhite"
                    android:textSize="@dimen/textsize_usernameprofile" />
            </LinearLayout>

            <androidx.appcompat.widget.Toolbar
                android:id="@+id/toolbar"
                android:layout_width="match_parent"
                android:layout_height="?attr/actionBarSize"
                app:popupTheme="@style/AppTheme.PopupOverlay"
                app:layout_collapseMode="pin"/>

        </com.google.android.material.appbar.CollapsingToolbarLayout>
    </com.google.android.material.appbar.AppBarLayout>


    <androidx.recyclerview.widget.RecyclerView
        android:id="@+id/pictureProfileRecycler"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:paddingLeft="@dimen/activity_horizontal_margin"
        android:paddingRight="@dimen/activity_horizontal_margin"
        android:paddingTop="@dimen/activity_vertical_margin"
        app:layout_behavior="@string/appbar_scrolling_view_behavior"/>

    <de.hdodenhof.circleimageview.CircleImageView
        android:layout_width="@dimen/dimen_circleImageProfile"
        android:layout_height="@dimen/dimen_circleImageProfile"
        android:src="@drawable/image"
        android:layout_gravity="center|top"
        android:layout_marginTop="@dimen/margintop_circleimageprofile"
        android:elevation="@dimen/elevation_circleimageprofile"
        app:layout_behavior="com.zoonref.SimpleViewBehavior"
        app:dependsOn="@+id/appBarProfile"
        app:dependType="y"
        app:dependTargetY="@dimen/limitY_circleimage"
        app:targetX="@dimen/activity_vertical_margin"
        app:targetY="@dimen/margintoptoolbar_circleimageprofile"
        app:targetWidth="@dimen/width_circleimagetoolbar"
        app:targetHeight="@dimen/width_circleimagetoolbar"/>

    <androidx.appcompat.widget.AppCompatTextView
        android:id="@+id/usernameToolbarProfile"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/username_card"
        android:textSize="@dimen/textsize_usernametoolbarprofile"
        android:elevation="@dimen/elevation_circleimageprofile"
        android:layout_marginLeft="@dimen/marginleft_usernametoolbarprofile"
        android:layout_marginTop="@dimen/margintop_usernametoolbarprofile"
        android:gravity="center_vertical"
        android:textColor="@color/colorWhite"
        android:alpha="0"
        app:layout_behavior="com.zoonref.SimpleViewBehavior"
        app:dependsOn="@+id/appBarProfile"
        app:dependType="y"
        app:dependTargetY="@dimen/limitY_usernametoolbarprofile"
        app:targetY="@dimen/margintoptargety_usernametoolbarprofile"
        app:targetAlpha="1"/>
</androidx.coordinatorlayout.widget.CoordinatorLayout>

Java:

public class ProfileFragment extends Fragment {


    public ProfileFragment() {
        // Required empty public constructor
    }


    @SuppressLint("WrongConstant")
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.fragment_profile, container, false);
        showToolbar("",false,view);

        RecyclerView picturesRecycler = (RecyclerView) view.findViewById(R.id.pictureProfileRecycler);

        LinearLayoutManager linearLayoutManager = new LinearLayoutManager(getContext());
        linearLayoutManager.setOrientation(LinearLayoutManager.VERTICAL);
        picturesRecycler.setLayoutManager(linearLayoutManager);

        PictureAdapterRecyclerView pictureAdapterRecyclerView = new PictureAdapterRecyclerView(buildPictures(),R.layout.cardview_picture,getActivity());

        picturesRecycler.setAdapter(pictureAdapterRecyclerView);
        return view;
    }

    public ArrayList<Picture> buildPictures(){
        ArrayList<Picture> pictures = new ArrayList<>();
        pictures.add(new Picture("https://bit.ly/2Cc2w0s","Alexis Rodriguez","4 días","5 Me Gusta"));
        pictures.add(new Picture("https://bit.ly/2GfVxI0","Luis Orellana","2 días","6 Me Gusta"));
        pictures.add(new Picture("https://bit.ly/2CbV3yn","Carlos Orellana","10 días","8 Me Gusta"));
        return pictures;
    }

    public void showToolbar(String tittle, boolean upButton, View view){
        Toolbar toolbar = (Toolbar) view.findViewById(R.id.toolbar);
        ((AppCompatActivity) getActivity()).setSupportActionBar(toolbar);
        ((AppCompatActivity) getActivity()).getSupportActionBar().setTitle(tittle);
        ((AppCompatActivity) getActivity()).getSupportActionBar().setDisplayHomeAsUpEnabled(upButton);
    }

}

Alfonso Navarro

company_admin•

Gracias me ayudo tu codigo para pulir, q lio con ese poco de datos, sobre todo cuando no se tiene claro aun q hace cada cosa.

Wilson Gustavo Chango Sailema

student•

dependencias

dependencies
        {
            implementation fileTree(dir: 'libs', include: ['*.jar'])
            implementation 'com.android.support:appcompat-v7:28.0.0'
            implementation 'com.android.support.constraint:constraint-layout:1.1.3'
            implementation 'com.android.support:design:28.0.0'
            implementation 'com.android.support:cardview-v7:28.0.0'
            implementation 'com.android.support:support-v4:28.0.0'
            implementation 'com.roughike:bottom-bar:2.3.1'
            implementation 'com.android.support:recyclerview-v7:28.0.0'
            implementation 'com.squareup.picasso:picasso:2.71828'
            implementation 'de.hdodenhof:circleimageview:3.0.0'
            implementation 'com.zoonref:simple-view-behavior:1.0'
            testImplementation 'junit:junit:4.12'
            androidTestImplementation 'com.android.support.test:runner:1.0.2'
            androidTestImplementation 'com.android.support.test.espresso:espresso-core:3.0.2'
        }

Dimenciones

<resources>
    <dimen name="fab_margin">16dp</dimen>
    <dimen name="edittext_textsize_login">22sp</dimen>
    <dimen name="padding_horizontal_login">32dp</dimen>
    <dimen name="textsize_donthaveaccount">16sp</dimen>
    <dimen name="activity_vertival_margin">16dp</dimen>
    <dimen name="activity_horizontal_margin">16dp</dimen>
    <dimen name="edittext_margin_createaccount">10dp</dimen>
    <dimen name="height_cardview">200dp</dimen>
    <dimen name="cornerradius_cardview">4dp</dimen>
    <dimen name="dimen_cicleimageprofile">160dp</dimen>
    <dimen name="margintop_cicleimageprofile">30dp</dimen>
    <dimen name="elevation_cicleimageprofile">15dp</dimen>
    <dimen name="limitY_circleimage">-206dp</dimen>
    <dimen name="margintoptoolbar_cicleimageprofile">10dp</dimen>
    <dimen name="width_circleimagetoolbar">40dp</dimen>
    <dimen name="textsize_username_card">25sp</dimen>
    <dimen name="firstword_textsize_card">15sp</dimen>
    <dimen name="timecard_marginleft_card">5dp</dimen>
    <dimen name="like_margintop_card">10dp</dimen>
    <dimen name="bottombar_height">70dp</dimen>
    <dimen name="appbarlayout_heigth">256dp</dimen>
    <dimen name="textsize_usernamedetail">25sp</dimen>
    <dimen name="textsize_likenumberdetail">15sp</dimen>
    <dimen name="marginleft_secondword">7dp</dimen>
    <dimen name="height_divider">1dp</dimen>
    <dimen name="paddingtop_titleimagedetail">20dp</dimen>
    <dimen name="paddingtop_horizontal_textcontentdetail">35dp</dimen>
    <dimen name="textsize_usernameprofile">30dp</dimen>
    <dimen name="dimen_circleimageprofile">160dp</dimen>
    <dimen name="margintop_circleimageprofile">30dp</dimen>
    <dimen name="elevation_circleimageprofile">10dp</dimen>
    <dimen name="textsize_usernametoolbarprofile">20dp</dimen>
    <dimen name="marginleft_usernametoolbarprofile">72dp</dimen>
    <dimen name="margintop_usernametoolbarprofile">240dp</dimen>
    <dimen name="limitY_usernametoolbarprofile">10dp</dimen>
    <dimen name="margintoptargety_usernametoolbarprofile">15dp</dimen>
    <dimen name="activity_vertical_margin">16dp</dimen>
</resources>

fragment_profile

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout
    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"
    tools:context="com.pucese.pucesegram.view.fragment.ProfileFragment">

    <android.support.design.widget.AppBarLayout
        android:id="@+id/appBarProfile"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:theme="@style/AppTheme.AppBarOverlay"
        android:background="@color/colorPrimary"
        >
        <android.support.design.widget.CollapsingToolbarLayout
            android:id="@+id/collapsingToolbarProfile"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:fitsSystemWindows="true"
            app:statusBarScrim="@color/colorPrimary"
            app:layout_scrollFlags="scroll|exitUntilCollapsed"
            app:contentScrim="@color/colorPrimary"
            >

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:orientation="vertical"
                android:paddingTop="200dp"
                android:paddingBottom="20dp"
                android:layout_gravity="center|top"
                android:layout_marginLeft="16dp"
                android:layout_marginRight="16dp"
                android:gravity="center"
                >
                <TextView
                    android:id="@+id/usernameProfile"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="@string/username_card"
                    android:textColor="@color/editTextColorWhite"
                    android:textSize="@dimen/textsize_usernameprofile"
                    />
            </LinearLayout>
        </android.support.design.widget.CollapsingToolbarLayout>

        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="?attr/colorPrimary"
            app:popupTheme="@style/AppTheme.PopupOverlay" />

    </android.support.design.widget.AppBarLayout>

    <android.support.v7.widget.RecyclerView
        android:id="@+id/pictureProfileRecycler"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior"
        />

    <de.hdodenhof.circleimageview.CircleImageView
        android:layout_width="@dimen/dimen_cicleimageprofile"
        android:layout_height="@dimen/dimen_cicleimageprofile"
        android:layout_gravity="center|top"
        android:layout_marginTop="@dimen/margintop_cicleimageprofile"
        android:elevation="@dimen/elevation_cicleimageprofile"
        android:src="@drawable/gustavo"
        app:layout_behavior="com.zoonref.SimpleViewBehavior"
        app:dependsOn="@+id/appBarProfile"
        app:dependType="y"
        app:dependTargetY="@dimen/limitY_circleimage"
        app:targetX="@dimen/activity_vertical_margin"
        app:targetY="@dimen/margintoptoolbar_cicleimageprofile"
        app:targetWidth="@dimen/width_circleimagetoolbar"
        app:targetHeight="@dimen/width_circleimagetoolbar"
        />
    <android.support.v7.widget.AppCompatTextView
        android:id="@+id/usernameToolbarProfile"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/username_card"
        android:textSize="@dimen/textsize_usernametoolbarprofile"
        android:elevation="@dimen/elevation_cicleimageprofile"
        android:layout_marginLeft="@dimen/marginleft_usernametoolbarprofile"
        android:layout_marginTop="@dimen/margintop_usernametoolbarprofile"
        android:gravity="center_horizontal"
        android:textColor="@android:color/white"
        android:alpha="0"
        app:layout_behavior="com.zoonref.SimpleViewBehavior"
        app:dependsOn="@+id/appBarProfile"
        app:dependType="y"
        app:dependTargetY="@dimen/limitY_usernametoolbarprofile"
        app:targetX="60dp"
        app:targetY="@dimen/margintoptargety_usernametoolbarprofile"
        app:targetAlpha="1"
        />
</android.support.design.widget.CoordinatorLayout>

![](

Manuel Andres Santizo Avila

student•

Hola!!! alguien me puede ayudar? al realizar el ejercicio, coloco en el textview las propiedades, pero no me las reconoce:
app:dependsOn="@+id/app_bar" app:dependType="y" app:dependTargetY="-206dp" app:targetX="72dp" app:targetY="12dp"

Estas son las bibliotecas que tengo agregadas l proyecto:

implementation 'com.android.support:design:27.1.1'
implementation 'com.android.support:appcompat-v7:27.1.1'
implementation 'com.android.support:cardview-v7:27.1.1'
implementation 'com.android.support:recyclerview-v7:27.1.1'
implementation 'com.android.support.constraint:constraint-layout:1.1.3'
implementation 'com.android.support:support-v4:27.1.1'
implementation 'com.squareup.picasso:picasso:2.5.2'
implementation 'de.hdodenhof:circleimageview:2.1.0'
implementation 'com.zoonref:simple-view-behavior:1.0'

Gracias !!!

Manuel Andres Santizo Avila

student•

Por si es de utilidad para alguien, ya encontré la solución. Para el api 27, no contiene estas propiedades en app, por lo que se puede utilizar el siguiente condigo (Incluí los valores en las etiquetas para que el ejercicio funcione):

<android.support.v7.widget.AppCompatTextView
        android:layout_width="wrap_content"
        android:layout_height="?attr/actionBarSize"
        android:textColor="@android:color/black"
        android:elevation="15dp"
        android:textStyle="bold"
        android:text="@string/username"
        android:textSize="20dp"
        android:layout_marginTop="240dp"
        android:layout_gravity="center_horizontal"
        app:layout_behavior="com.zoonref.SimpleViewBehavior"
        app:dependsOn="@+id/appBarProfile"
        app:dependType="y"
        app:dependTargetY="10dp"
        app:targetX="60dp"
        app:targetY="15dp"

    />

Exitos,

Jhon Alexis Ramirez Triana

student•

Muchas Gracias, me sucedió igual cambie el TextView por la AppCompat y las reconoció.

Raul Enrique Torres Reyes

student•

Hola!

El texto del usernameprofile no se oculta 😕 seguí el video al pie de la letra.

saludos!!!

Sergio Hurtarte

student•

Buenas Noches tengo un problema en este punto de Platzigram, tengo este error
at com.chejo.platzigram.view.fragment.ProfileFragment.onCreateView(ProfileFragment.java:36)
y en mi xml lo hice paso a paso con la profesora , creo tenerlo igual.

<android.support.design.widget.CoordinatorLayout
    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:fitsSystemWindows="true"
    tools:context="com.chejinas.platzigram.view.fragment.ProfileFragment">


    <android.support.design.widget.AppBarLayout
        android:id="@+id/appBarProfile"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:theme="@style/AppTheme.AppBarOverlay"
        android:background="@color/colorPrimary"
        android:fitsSystemWindows="true">

        <android.support.design.widget.CollapsingToolbarLayout
            android:id="@+id/collapsingToolbarProfile"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:fitsSystemWindows="true"
            app:statusBarScrim="@color/colorPrimary"
            app:layout_scrollFlags="scroll|exitUntilCollapsed"

            >

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="vertical"
                android:paddingTop="200dp"
                android:paddingBottom="20dp"
                android:layout_gravity="center|top"
                android:layout_marginLeft="16dp"
                android:layout_marginRight="16dp"
                android:gravity="center"

                >

                <TextView
                    android:id="@+id/userProfile"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="@string/username_card"
                    android:textColor="@android:color/white"
                    android:textSize="@dimen/textsize_usernameprofile"


                    />

            </LinearLayout>




            <android.support.v7.widget.Toolbar
                android:id="@+id/toolbar"
                android:layout_width="match_parent"
                android:layout_height="?attr/actionBarSize"
                android:background="?attr/colorPrimary"
                app:popupTheme="@style/AppTheme.PopupOverlay" />


        </android.support.design.widget.CollapsingToolbarLayout>



    </android.support.design.widget.AppBarLayout>

    <android.support.v7.widget.RecyclerView
        android:id="@+id/pictureProfileRecycler"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior"


        />


    
    
    <de.hdodenhof.circleimageview.CircleImageView
        android:layout_width="@dimen/dimen_circleimageprofile"
        android:layout_height="@dimen/dimen_circleimageprofile"
        android:src="@drawable/image"
        android:layout_gravity="center|top"
        android:layout_marginTop="@dimen/margintop_circleimageprofile"
        android:elevation="@dimen/elevation_circleimageprofile"
        app:layout_behavior="com.zoomref.SimpleViewBehavior"
        app:dependsOn="@+id/appBarProfile"
        app:dependType="y"
        app:dependTargetY="@dimen/limitY_circleimage"
        app:targetX="@dimen/activity_vertical_margin"
        app:targetY="@dimen/margintoptoolbar_circleimageprofile"
        app:targetWidth="@dimen/width_circleimagetoolbar"
        app:targetHeight="@dimen/width_circleimagetoolbar"


        />

    <TextView
        android:id="@+id/usernameToolbarProfile"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/username_card"
        android:textSize="@dimen/textsize_usernametoolbarprofile"
        android:elevation="@dimen/elevation_circleimageprofile"
        android:layout_marginLeft="@dimen/marginleft_usernametoolbarprofile"
        android:layout_marginTop="@dimen/margintop_usernametoolbarprofile"
        android:gravity="center_vertical"
        android:textColor="@android:color/white"
        android:alpha="0"
        app:layout_behavior="com.zoomref.SimpleViewBehavior"
        app:dependsOn="@+id/appBarProfile"
        app:dependType="y"
        app:dependTargetY="@dimen/limitY_usernametoolbarprofile"

        app:targetY="@dimen/margintoptargety_usernametoolbarprofile"
        app:targetAlpha="1"




        />


    </android.support.design.widget.CoordinatorLayout>

Uriel Ramírez

student•

El error puede no estar en la vista.
¿Que tienes en la línea 36 de profile fragment?, porque justo ahí es donde marca el error. Verifica que estás llamando el método correcto o el ID de la vista con el mismo nombre 😃

ivan guadaña quiroz

student•

Amigo creo que tu error es este codigo:
mal=app:layout_behavior="com.zoomref.SimpleViewBehavior"
bien=app:layout_behavior=“com.zoonref.SimpleViewBehavior”

Rodrigo Bautista Bta Dámazo

student•

Aproximadamente en el minuto 20 la instructora comienza a agregar código para resolver el bug que tenía, sin embargo la mayoría del código que agrega es “innecesario” y hasta erróneo, la ubicación y el comportamiento del TextView no es correcto, no se necesita ningún -Layout- dentro de -CollapsingToolbarLayout- este va colocado debajo del CircleImageView
y considero que ambos dependen del AppBarLayout con varios elementos en común les dejo un fragmento de mi código con las dimensiones visibles.

<TextView
        android:id="@+id/tvUserNameProfile"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="20sp"
        android:textColor="@color/colorWhite"
        android:text="Rodrigo Dámazo"
        android:layout_marginTop="200dp"
        android:layout_gravity="center|top"
        android:elevation="10dp"
        app:layout_behavior="com.zoonref.SimpleViewBehavior"
        app:dependsOn="@+id/app_bar"
        app:dependType="y"
        app:dependTargetY="-206dp"
        app:targetX="72dp"
        app:targetY="12dp"/>

Rodrigo Bautista Bta Dámazo

student•

Aqui una imagen del resultado

Ann Code

teacher•

Gracias por tu aporte! 😃

Carlos Jesús Fernández Salazar

student•

SOLUCIONADO mi error… creo que el CollapsingToolbarLayout no tenía nada que colapsar porque tenía definido:

android:layout_height="wrap_content"

en lugar de:

android:layout_height="match_parent"

Carlos Jesús Fernández Salazar

student•

Mi fragment_profile.xml funcional sin usar Anchor (Se trata de jugar con los márgenes iniciales en este caso, y luego con los targetY)

<android.support.design.widget.CoordinatorLayout
    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:fitsSystemWindows="true"
    tools:context=".view.fragment.ProfileFragment"
    >

    <android.support.design.widget.AppBarLayout
        android:id="@+id/appBarProfile"
        android:layout_width="match_parent"
        android:layout_height="@dimen/height_appbarlayout"
        android:theme="@style/AppTheme.AppBarOverlay"
        android:background="@color/colorPrimary"
        >

        <android.support.design.widget.CollapsingToolbarLayout
            android:id="@+id/collapsingToolbarProfile"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            app:layout_scrollFlags="scroll|exitUntilCollapsed"
            app:contentScrim="@color/colorPrimary"
            >

            <android.support.v7.widget.Toolbar
                android:id="@+id/toolbarProfile"
                android:layout_width="wrap_content"
                android:layout_height="?attr/actionBarSize"
                app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
                app:layout_collapseMode="pin"
                />

        </android.support.design.widget.CollapsingToolbarLayout>

    </android.support.design.widget.AppBarLayout>

    <android.support.v4.widget.NestedScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior"
        >

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:paddingTop="@dimen/paddingtop_recyclerview_profile"
            android:paddingStart="@dimen/edittext_margin_createaccount"
            android:paddingEnd="@dimen/edittext_margin_createaccount"
            >

            <android.support.v7.widget.RecyclerView
                android:id="@+id/pictureProfileRecycler"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                />

        </LinearLayout>

    </android.support.v4.widget.NestedScrollView>

    <de.hdodenhof.circleimageview.CircleImageView
        android:id="@+id/circleImageProfile"
        android:layout_width="@dimen/dimen_circleimage_profile"
        android:layout_height="@dimen/dimen_circleimage_profile"
        android:src="@drawable/image"
        android:layout_gravity="center|top"
        android:layout_marginTop="@dimen/margintop_circleimage_profile"
        android:elevation="@dimen/elevation_circleimage_profile"

        app:layout_behavior="com.zoonref.SimpleViewBehavior"
        app:dependsOn="@id/appBarProfile"
        app:dependType="y"
        app:dependTargetY="@dimen/limitY_circleimageprofile"
        app:targetX="@dimen/fab_margin"
        app:targetY="@dimen/margintoptoolbar_circleimageprofile"
        app:targetWidth="@dimen/width_circleimageprofiletoolbar"
        app:targetHeight="@dimen/width_circleimageprofiletoolbar"
        />

    <TextView
        android:id="@+id/usernameToolbar"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/username_card"
        android:textColor="@color/textColorBlack"
        android:textSize="@dimen/textsize_username_detail"
        android:elevation="@dimen/elevation_circleimage_profile"
        android:layout_marginTop="@dimen/margintop_username_profile"
        android:layout_gravity="center|top"
        android:alpha="1"

        app:layout_behavior="com.zoonref.SimpleViewBehavior"
        app:dependsOn="@id/appBarProfile"
        app:dependType="y"
        app:dependTargetY="@dimen/limitY_username_profile"
        app:targetY="@dimen/margintoptoolbar_usernametoolbar_profile"
        app:targetAlpha="0"
        />

    <TextView
        android:id="@+id/usernameProfile2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/username_card"
        android:textColor="@color/textColorWhite"
        android:textSize="@dimen/textsize_usernametoolbar_profile"
        android:elevation="@dimen/elevation_circleimage_profile"
        android:layout_marginStart="@dimen/marginleft_usernametoolbar_profile"
        android:layout_marginTop="@dimen/margintop_usernametoolbar_profile"
        android:gravity="center_vertical"
        android:alpha="0"

        app:layout_behavior="com.zoonref.SimpleViewBehavior"
        app:dependsOn="@id/appBarProfile"
        app:dependType="y"
        app:dependTargetY="@dimen/limitY_usernametoolbar_profile"
        app:targetY="@dimen/margintoptoolbar_usernametoolbar_profile"
        app:targetAlpha="1"
        />

</android.support.design.widget.CoordinatorLayout>

Juan Guillermo Perez Cardozo

student•

<de.hdodenhof.circleimageview.CircleImageView android:layout_width="80dp" android:layout_height="80dp" android:id="@+id/image" android:src="@drawable/ic_launcher_background" android:padding="5dp" />

Manuel Marquez

student•

Al momento de compilar estoy teniendo problemas, se me crashea la aplicación al momento de entrar al tab de profile. El error que me aparece es el siguiente:

E/AndroidRuntime: FATAL EXCEPTION: main
                 Process: com.example.daniel.platzigram, PID: 31952
                 android.view.InflateException: Binary XML file line #0: Could not inflate Behavior subclass com.zoonref.SimpleViewBehaivor
                 Caused by: java.lang.RuntimeException: Could not inflate Behavior subclass com.zoonref.SimpleViewBehaivor
                     at android.support.design.widget.CoordinatorLayout.parseBehavior(CoordinatorLayout.java:615)
                     at android.support.design.widget.CoordinatorLayout$LayoutParams.<init>(CoordinatorLayout.java:2751)
                     at android.support.design.widget.CoordinatorLayout.generateLayoutParams(CoordinatorLayout.java:1678)
                     at android.support.design.widget.CoordinatorLayout.generateLayoutParams(CoordinatorLayout.java:110)
                     at android.view.LayoutInflater.rInflate(LayoutInflater.java:865)
                     at android.view.LayoutInflater.rInflateChildren(LayoutInflater.java:824)
                     at android.view.LayoutInflater.inflate(LayoutInflater.java:515)
                     at android.view.LayoutInflater.inflate(LayoutInflater.java:423)
                     at com.example.daniel.platzigram.view.fragment.ProfileFragment.onCreateView(ProfileFragment.java:35)
                     at android.support.v4.app.Fragment.performCreateView(Fragment.java:2354)
                     at android.support.v4.app.FragmentManagerImpl.moveToState(FragmentManager.java:1419)
                     at android.support.v4.app.FragmentManagerImpl.moveFragmentToExpectedState(FragmentManager.java:1740)
                     at android.support.v4.app.FragmentManagerImpl.moveToState(FragmentManager.java:1809)
                     at android.support.v4.app.BackStackRecord.executeOps(BackStackRecord.java:799)
                     at android.support.v4.app.FragmentManagerImpl.executeOps(FragmentManager.java:2580)
                     at android.support.v4.app.FragmentManagerImpl.executeOpsTogether(FragmentManager.java:2367)
                     at android.support.v4.app.FragmentManagerImpl.removeRedundantOperationsAndExecute(FragmentManager.java:2322)
                     at android.support.v4.app.FragmentManagerImpl.execPendingActions(FragmentManager.java:2229)
                     at android.support.v4.app.FragmentManagerImpl$1.run(FragmentManager.java:700)
                     at android.os.Handler.handleCallback(Handler.java:790)
                     at android.os.Handler.dispatchMessage(Handler.java:99)
                     at android.os.Looper.loop(Looper.java:164)
                     at android.app.ActivityThread.main(ActivityThread.java:6494)
                     at java.lang.reflect.Method.invoke(Native Method)
                     at com.android.internal.os.RuntimeInit$MethodAndArgsCaller.run(RuntimeInit.java:438)
                     at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:807)
                  Caused by: java.lang.ClassNotFoundException: com.zoonref.SimpleViewBehaivor
                     at java.lang.Class.classForName(Native Method)
                     at java.lang.Class.forName(Class.java:453)
                     at android.support.design.widget.CoordinatorLayout.parseBehavior(CoordinatorLayout.java:607)
                     at android.support.design.widget.CoordinatorLayout$LayoutParams.<init>(CoordinatorLayout.java:2751) 
                     at android.support.design.widget.CoordinatorLayout.generateLayoutParams(CoordinatorLayout.java:1678) 
                     at android.support.design.widget.CoordinatorLayout.generateLayoutParams(CoordinatorLayout.java:110) 
                     at android.view.LayoutInflater.rInflate(LayoutInflater.java:865) 
                     at android.view.LayoutInflater.rInflateChildren(LayoutInflater.java:824) 
                     at android.view.LayoutInflater.inflate(LayoutInflater.java:515) 
                     at android.view.LayoutInflater.inflate(LayoutInflater.java:423) 
                     at com.example.daniel.platzigram.view.fragment.ProfileFragment.onCreateView(ProfileFragment.java:35) 
                     at android.support.v4.app.Fragment.performCreateView(Fragment.java:2354) 
                     at android.support.v4.app.FragmentManagerImpl.moveToState(FragmentManager.java:1419) 
                     at android.support.v4.app.FragmentManagerImpl.moveFragmentToExpectedState(FragmentManager.java:1740) 
                     at android.support.v4.app.FragmentManagerImpl.moveToState(FragmentManager.java:1809) 
                     at android.support.v4.app.BackStackRecord.executeOps(BackStackRecord.java:799) 
                     at android.support.v4.app.FragmentManagerImpl.executeOps(FragmentManager.java:2580) 
                     at android.support.v4.app.FragmentManagerImpl.executeOpsTogether(FragmentManager.java:2367) 
                     at android.support.v4.app.FragmentManagerImpl.removeRedundantOperationsAndExecute(FragmentManager.java:2322) 
                     at android.support.v4.app.FragmentManagerImpl.execPendingActions(FragmentManager.java:2229) 
                     at android.support.v4.app.FragmentManagerImpl$1.run(FragmentManager.java:700) 
                     at android.os.Handler.handleCallback(Handler.java:790) 
                     at android.os.Handler.dispatchMessage(Handler.java:99) 
                     at android.os.Looper.loop(Looper.java:164) 
                     at android.app.ActivityThread.main(ActivityThread.java:6494) 
                     at java.lang.reflect.Method.invoke(Native Method) 
                     at com.android.internal.os.RuntimeInit$MethodAndArgsCaller.run(RuntimeInit.java:438) 
                     at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:807) 
E/AndroidRuntime: Caused by: java.lang.ClassNotFoundException: Didn't find class "com.zoonref.SimpleViewBehaivor" on path: DexPathList[[zip file "/data/app/com.example.daniel.platzigram-2nEG5EzjqLS-fF1ZQPwonQ==/base.apk", zip file "/data/app/com.example.daniel.platzigram-2nEG5EzjqLS-fF1ZQPwonQ==/split_lib_dependencies_apk.apk", zip file "/data/app/com.example.daniel.platzigram-2nEG5EzjqLS-fF1ZQPwonQ==/split_lib_slice_0_apk.apk", zip file "/data/app/com.example.daniel.platzigram-2nEG5EzjqLS-fF1ZQPwonQ==/split_lib_slice_1_apk.apk", zip file "/data/app/com.example.daniel.platzigram-2nEG5EzjqLS-fF1ZQPwonQ==/split_lib_slice_2_apk.apk", zip file "/data/app/com.example.daniel.platzigram-2nEG5EzjqLS-fF1ZQPwonQ==/split_lib_slice_3_apk.apk", zip file "/data/app/com.example.daniel.platzigram-2nEG5EzjqLS-fF1ZQPwonQ==/split_lib_slice_4_apk.apk", zip file "/data/app/com.example.daniel.platzigram-2nEG5EzjqLS-fF1ZQPwonQ==/split_lib_slice_5_apk.apk", zip file "/data/app/com.example.daniel.platzigram-2nEG5EzjqLS-fF1ZQPwonQ==/split_lib_slice_6_apk.apk", zip file "/data/app/com.example.daniel.platzigram-2nEG5EzjqLS-fF1ZQPwonQ==/split_lib_slice_7_apk.apk", zip file "/data/app/com.example.daniel.platzigram-2nEG5EzjqLS-fF1ZQPwonQ==/split_lib_slice_8_apk.apk", zip file "/data/app/com.example.daniel.platzigram-2nEG5EzjqLS-fF1ZQPwonQ==/split_lib_slice_9_apk.apk"],nativeLibraryDirectories=[/data/app/com.example.daniel.platzigram-2nEG5EzjqLS-fF1ZQPwonQ==/lib/arm64, /system/lib64, /vendor/lib64]]
                     at dalvik.system.BaseDexClassLoader.findClass(BaseDexClassLoader.java:125)
                     at java.lang.ClassLoader.loadClass(ClassLoader.java:379)
                     at java.lang.ClassLoader.loadClass(ClassLoader.java:312)
                     	... 28 more

Moviéndole a mi código me doy cuenta que si le quito el layout_behavior al TextView usernameToolbarProfile y a la imagen de perfil redonda ya no me crashea la app, pero pues obviamente no se comporta como es debido. Ya estuve buscando info en Internet, pero hasta ahora nada resuelve mi problema. ¿Ann o alguien podría ayudarme por favor?

juan tamayo

student•

Buenas tardes amigo. pudiste resolver el problema? tengo el mismo detalle.

Jhon Alexis Ramirez Triana

student•

Hola buenas noches, veo que copiaste mal la propiedad, me sucedio lo mismo espero te ayude.

app:layout_behavior="com.zoonref.SimpleViewBehavior"

Camilo Acevedo Escalante

student•

Hola a todos

Alguien me podría ayudar, cuando doy tap en profile, la aplicación se cierra, entonces estuve revisando el logcat generando lo siguiente:

08-15 01:33:23.544 11095-11095/com.example.camilo.nicefood E/AndroidRuntime: FATAL EXCEPTION: main
Process: com.example.camilo.nicefood, PID: 11095
android.view.InflateException: Binary XML file line #66: Could not inflate Behavior subclass com.zoonref.simpleViewBehavior
Caused by: java.lang.RuntimeException: Could not inflate Behavior subclass com.zoonref.simpleViewBehavior

Mas abajo hace referencia a una linea del context, la clase ProfileFragment.java en la linea donde se realiza el inflate dentro del onCreateView

Mas exactamente en la linea:

View view = inflater.inflate(R.layout.fragment_profile, container, false);

Coloco el metodo onCreateView completo y gracias

public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        // Inflate the layout for this fragment
        View view = inflater.inflate(R.layout.fragment_profile, container, false);
        showToolbar("", false, view);

        RecyclerView picturesRecycler = (RecyclerView) view.findViewById(R.id.space);

        LinearLayoutManager linearLayoutManager = new LinearLayoutManager(getContext());
        linearLayoutManager.setOrientation(linearLayoutManager.VERTICAL);
        picturesRecycler.setLayoutManager(linearLayoutManager);

        PictureAdapterRecyclerView pictureAdapterRecyclerView = new PictureAdapterRecyclerView(buidPictures(), R.layout.cardview_picture,getActivity());
        picturesRecycler.setAdapter(pictureAdapterRecyclerView);

        return view;
    }

Camilo Acevedo Escalante

student•

Nota: Ya tengo dentro del gradle la implementan de la librería para el comportamiento dependiente

implementation 'com.zoonref:simple-view-behavior:1.0'

Julio Urian

student•

Pregunta, esa “s” minúscula en la clase (com.zoonref.simpleViewBehavior) tenía algo que ver?

JOSE ADRIAN TEZOYOTL MORALES

student•

Se perdio mi comentario, antes de pasar al sig video no podrian validar si hay un comentario pendiente de guardar, permi mi resumen :(

Alfonso Navarro

company_admin•

jajajajaj caramba cuantos parrafos llevabas...

Diego Olivera

student•

fue unos de los retos mas cañoes que he tenido en todo el curso, porque hay muchas cosas que ya son obsoletas y otras que no he entendido muy bien, pero despues de mucho leer y re ver el video mil veces, pude hacer que quedara

Johan Manuel Perez Soto

student•

Aquí tienen el enlace simples mortales 😎😎

https://github.com/zoonooz/simple-view-behavior

Franco David Oliva

student•

en la imagen de diseño .. se ve platzigram y encima el nombre de usuario.. pero cuando lo ejecuta en el simulador aparece el usuario solo.. lo corrigió en algún momento? porque yo tengo el nombre de usuario en el medio y cuando lo colapso me aparece platzigram/urielramirez todo encimado.

Franco David Oliva

student•

No dije nada.. lo pude solucionar agregando lo que dicen mas abajo en un comentario.. ahora tengo que modificar un poco unas cosas para que el nombre de usuario quede bien ubicado cuando se achica.

Hernán Antonio Ramírez Osorio

student•

Todos los vídeos anteriores muy claros, pero faltó mas claridad en este vídeo.

Ann Code

teacher•

Cuéntame en qué te quedó duda? cómo puedo ayudarte?

Hernán Antonio Ramírez Osorio

student•

Hola, me quedan dudas con las dependencias y algunas propiedades referentes al tema. Me podrías recomendar alguna documentación al respecto?
Muchísimas gracias. Muy buen curso.

Israel Santacruz Santacruz

student•

hola buen día.
Tengo un problema al querer simular el programa, cuando quiero entrar al botón “login” me dice “Unafortuately. platzigram has stopped”, ya vi el revise el código varias veces pero no encuentro nada diferente, lo único diferente que me generó fue que en el preview se sobre escriben dos palabras (Platzigram y Uriel Ramírez), no se si eso me cause el error. Agradecería mucho su ayuda. Gracias!

Israel Santacruz Santacruz

student•

Listo!, solo era un problema del emulador, lo reinicie y funcionó.

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout 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"
    tools:context=".view.fragment.ProfileFragment">

    <android.support.design.widget.AppBarLayout
        android:id="@+id/appBarProfile"
        android:layout_width="match_parent"
        android:layout_height="250dp"
        android:theme="@style/AppTheme.AppBarOverlay"
        android:background="@color/colorPrimary"
        >
        <android.support.design.widget.CollapsingToolbarLayout
            android:id="@+id/collapsingToolbarProfile"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            app:statusBarScrim="@color/colorPrimary"
            app:layout_scrollFlags="scroll|exitUntilCollapsed"
            app:contentScrim="@color/colorPrimary"
            >

            <android.support.v7.widget.Toolbar
                android:id="@+id/toolbar"
                android:layout_width="match_parent"
                android:layout_height="?attr/actionBarSize"
                android:background="?attr/colorPrimary"
                app:popupTheme="@style/AppTheme.PopupOverlay" />
        </android.support.design.widget.CollapsingToolbarLayout>

    </android.support.design.widget.AppBarLayout>

    <android.support.v4.widget.NestedScrollView
        app:layout_behavior="@string/appbar_scrolling_view_behavior"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:paddingLeft="@dimen/activity_vertical_margin"
            android:paddingRight="@dimen/activity_vertical_margin"
            android:orientation="vertical">
            <View
                android:layout_width="match_parent"
                android:layout_height="150dp"/>
            <android.support.v7.widget.RecyclerView
                android:layout_below="@+id/space"
                android:id="@+id/pictureProfileRecycler"
                android:layout_width="match_parent"
                android:layout_height="match_parent"/>
        </LinearLayout>
    </android.support.v4.widget.NestedScrollView>

    <de.hdodenhof.circleimageview.CircleImageView
        android:id="@+id/circleimage"
        android:layout_width="@dimen/dimen_circleiamgeprofile"
        android:layout_height="@dimen/dimen_circleiamgeprofile"
        android:src="@drawable/image"
        android:layout_marginTop="@dimen/margintop_circleimageprofile"
        android:elevation="@dimen/elevation_circleimageprofile"
        app:layout_anchor="@id/appBarProfile"
        app:layout_anchorGravity="center|bottom"
        app:dependsOn="@+id/appBarProfile"
        app:dependType="y"
        app:dependTargetY="@dimen/limitY_circleimage"
        app:targetX="10dp"
        app:targetWidth="@dimen/width_circleimagetoolbar"
        app:targetHeight="@dimen/width_circleimagetoolbar"
        app:layout_behavior="com.zoonref.SimpleViewBehavior"
        />

    <TextView
        android:id="@+id/tvUserNameProfile"
        android:elevation="@dimen/elevation_circleimageprofile"
        android:paddingTop="85dp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="25sp"
        android:text="@string/username_card"
        android:layout_gravity="bottom|center"
        app:layout_anchor="@id/appBarProfile"
        app:layout_anchorGravity="bottom|center"
        app:layout_behavior="com.zoonref.SimpleViewBehavior"
        app:dependsOn="@+id/appBarProfile"
        app:dependType="y"
        app:dependTargetY="@dimen/limitY_circleimage"
        app:targetAlpha="0"
        app:targetY="50dp"/>
    <TextView
        android:id="@+id/usernameToolbarProfile"
        android:elevation="@dimen/elevation_circleimageprofile"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="@dimen/marginleft_usernametoolbarprofile"
        android:layout_marginTop="@dimen/margintop_usernametoolbarprofile"
        android:textSize="20sp"
        android:text="@string/username_card"
        app:layout_behavior="com.zoonref.SimpleViewBehavior"
        app:dependsOn="@+id/appBarProfile"
        app:dependType="y"
        app:dependTargetY="@dimen/limitY_usernametoolbarprofile"
        android:alpha="0"
        app:targetAlpha="1"
        android:textColor="@android:color/white"
        app:targetY="45dp"/>
</android.support.design.widget.CoordinatorLayout>

<resources>
    <dimen name="activity_horizontal_margin">16dp</dimen>
    <dimen name="activity_vertical_margin">16dp</dimen>
    <dimen name="fab_margin">16dp</dimen>
    <dimen name="edittext_textsize_login">22sp</dimen>
    <dimen name="padding_horizontal_login">32dp</dimen>
    <dimen name="textsize_dont_have_account">16sp</dimen>
    <dimen name="edittext_margin_createaccount">10dp</dimen>
    <dimen name="height_cardview">200dp</dimen>
    <dimen name="cornerradius_cardview">4dp</dimen>
    <dimen name="textsize_username_card">25sp</dimen>
    <dimen name="firstword_textsize_card">15sp</dimen>
    <dimen name="timecard_marginleft_margin">5dp</dimen>
    <dimen name="like_margintop_card">10dp</dimen>
    <dimen name="bottombar_height">55dp</dimen>
    <dimen name="appbarlayout_height">200dp</dimen>
    <dimen name="textsize_usernamedetail">25sp</dimen>
    <dimen name="textsize_likenumberdetail">15sp</dimen>
    <dimen name="marginleft_secondword">7dp</dimen>
    <dimen name="height_divider">1dp</dimen>
    <dimen name="paddingtop_titleimagedetail">20dp</dimen>
    <dimen name="padding_horizontal_textcontentdetail">35dp</dimen>
    <dimen name="textsize_usernameprofile">30sp</dimen>
    <dimen name="dimen_circleImageProfile">160dp</dimen>
    <dimen name="margintop_circleimageprofile">30dp</dimen>
    <dimen name="textsize_usernametoolbarprofile">18sp</dimen>
    <dimen name="elevation_circleimageprofile">10dp</dimen>
    <dimen name="limitY_circleimage">-210dp</dimen>
    <dimen name="margintoptoolbar_circleimageprofile">6dp</dimen>
    <dimen name="width_circleimagetoolbar">40dp</dimen>
    <dimen name="marginleft_usernametoolbarprofile">72dp</dimen>
    <dimen name="margintop_usernametoolbarprofile">-100dp</dimen>
    <dimen name="limitY_usernametoolbarprofile">-250dp</dimen>
    <dimen name="margintoptargety_usernametoolbarprofile">40dp</dimen>
</resources>

<androidx.coordinatorlayout.widget.CoordinatorLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:fitsSystemWindows="true"
    tools:context=".view.fragment.ProfileFragment">

    <com.google.android.material.appbar.AppBarLayout
        android:id="@+id/appBarProfile"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:fitsSystemWindows="true"
        android:theme="@style/AppTheme.AppBarOverlay">

        <com.google.android.material.appbar.CollapsingToolbarLayout
            android:id="@+id/collapsingToolbarProfile"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:contentScrim="@color/colorPrimary"
            app:statusBarScrim="@color/colorPrimary"
            app:layout_scrollFlags="scroll|exitUntilCollapsed">

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="vertical"
                android:paddingTop="200dp"
                android:paddingBottom="20dp"
                android:layout_gravity="center|top"
                android:layout_marginLeft="16dp"
                android:layout_marginRight="16dp"
                android:gravity="center">
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="@string/username_card"
                    android:textColor="@color/colorWhite"
                    android:textSize="@dimen/textsize_usernameprofile" />
            </LinearLayout>

            <androidx.appcompat.widget.Toolbar
                android:id="@+id/toolbar"
                android:layout_width="match_parent"
                android:layout_height="?attr/actionBarSize"
                app:popupTheme="@style/AppTheme.PopupOverlay"
                app:layout_collapseMode="pin"/>

        </com.google.android.material.appbar.CollapsingToolbarLayout>
    </com.google.android.material.appbar.AppBarLayout>


    <androidx.recyclerview.widget.RecyclerView
        android:id="@+id/pictureProfileRecycler"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:paddingLeft="@dimen/activity_horizontal_margin"
        android:paddingRight="@dimen/activity_horizontal_margin"
        android:paddingTop="@dimen/activity_vertical_margin"
        app:layout_behavior="@string/appbar_scrolling_view_behavior"/>

    <de.hdodenhof.circleimageview.CircleImageView
        android:layout_width="@dimen/dimen_circleImageProfile"
        android:layout_height="@dimen/dimen_circleImageProfile"
        android:src="@drawable/image"
        android:layout_gravity="center|top"
        android:layout_marginTop="@dimen/margintop_circleimageprofile"
        android:elevation="@dimen/elevation_circleimageprofile"
        app:layout_behavior="com.zoonref.SimpleViewBehavior"
        app:dependsOn="@+id/appBarProfile"
        app:dependType="y"
        app:dependTargetY="@dimen/limitY_circleimage"
        app:targetX="@dimen/activity_vertical_margin"
        app:targetY="@dimen/margintoptoolbar_circleimageprofile"
        app:targetWidth="@dimen/width_circleimagetoolbar"
        app:targetHeight="@dimen/width_circleimagetoolbar"/>

    <androidx.appcompat.widget.AppCompatTextView
        android:id="@+id/usernameToolbarProfile"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/username_card"
        android:textSize="@dimen/textsize_usernametoolbarprofile"
        android:elevation="@dimen/elevation_circleimageprofile"
        android:layout_marginLeft="@dimen/marginleft_usernametoolbarprofile"
        android:layout_marginTop="@dimen/margintop_usernametoolbarprofile"
        android:gravity="center_vertical"
        android:textColor="@color/colorWhite"
        android:alpha="0"
        app:layout_behavior="com.zoonref.SimpleViewBehavior"
        app:dependsOn="@+id/appBarProfile"
        app:dependType="y"
        app:dependTargetY="@dimen/limitY_usernametoolbarprofile"
        app:targetY="@dimen/margintoptargety_usernametoolbarprofile"
        app:targetAlpha="1"/>
</androidx.coordinatorlayout.widget.CoordinatorLayout>

public class ProfileFragment extends Fragment {


    public ProfileFragment() {
        // Required empty public constructor
    }


    @SuppressLint("WrongConstant")
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.fragment_profile, container, false);
        showToolbar("",false,view);

        RecyclerView picturesRecycler = (RecyclerView) view.findViewById(R.id.pictureProfileRecycler);

        LinearLayoutManager linearLayoutManager = new LinearLayoutManager(getContext());
        linearLayoutManager.setOrientation(LinearLayoutManager.VERTICAL);
        picturesRecycler.setLayoutManager(linearLayoutManager);

        PictureAdapterRecyclerView pictureAdapterRecyclerView = new PictureAdapterRecyclerView(buildPictures(),R.layout.cardview_picture,getActivity());

        picturesRecycler.setAdapter(pictureAdapterRecyclerView);
        return view;
    }

    public ArrayList<Picture> buildPictures(){
        ArrayList<Picture> pictures = new ArrayList<>();
        pictures.add(new Picture("https://bit.ly/2Cc2w0s","Alexis Rodriguez","4 días","5 Me Gusta"));
        pictures.add(new Picture("https://bit.ly/2GfVxI0","Luis Orellana","2 días","6 Me Gusta"));
        pictures.add(new Picture("https://bit.ly/2CbV3yn","Carlos Orellana","10 días","8 Me Gusta"));
        return pictures;
    }

    public void showToolbar(String tittle, boolean upButton, View view){
        Toolbar toolbar = (Toolbar) view.findViewById(R.id.toolbar);
        ((AppCompatActivity) getActivity()).setSupportActionBar(toolbar);
        ((AppCompatActivity) getActivity()).getSupportActionBar().setTitle(tittle);
        ((AppCompatActivity) getActivity()).getSupportActionBar().setDisplayHomeAsUpEnabled(upButton);
    }

}

dependencies
        {
            implementation fileTree(dir: 'libs', include: ['*.jar'])
            implementation 'com.android.support:appcompat-v7:28.0.0'
            implementation 'com.android.support.constraint:constraint-layout:1.1.3'
            implementation 'com.android.support:design:28.0.0'
            implementation 'com.android.support:cardview-v7:28.0.0'
            implementation 'com.android.support:support-v4:28.0.0'
            implementation 'com.roughike:bottom-bar:2.3.1'
            implementation 'com.android.support:recyclerview-v7:28.0.0'
            implementation 'com.squareup.picasso:picasso:2.71828'
            implementation 'de.hdodenhof:circleimageview:3.0.0'
            implementation 'com.zoonref:simple-view-behavior:1.0'
            testImplementation 'junit:junit:4.12'
            androidTestImplementation 'com.android.support.test:runner:1.0.2'
            androidTestImplementation 'com.android.support.test.espresso:espresso-core:3.0.2'
        }

<resources>
    <dimen name="fab_margin">16dp</dimen>
    <dimen name="edittext_textsize_login">22sp</dimen>
    <dimen name="padding_horizontal_login">32dp</dimen>
    <dimen name="textsize_donthaveaccount">16sp</dimen>
    <dimen name="activity_vertival_margin">16dp</dimen>
    <dimen name="activity_horizontal_margin">16dp</dimen>
    <dimen name="edittext_margin_createaccount">10dp</dimen>
    <dimen name="height_cardview">200dp</dimen>
    <dimen name="cornerradius_cardview">4dp</dimen>
    <dimen name="dimen_cicleimageprofile">160dp</dimen>
    <dimen name="margintop_cicleimageprofile">30dp</dimen>
    <dimen name="elevation_cicleimageprofile">15dp</dimen>
    <dimen name="limitY_circleimage">-206dp</dimen>
    <dimen name="margintoptoolbar_cicleimageprofile">10dp</dimen>
    <dimen name="width_circleimagetoolbar">40dp</dimen>
    <dimen name="textsize_username_card">25sp</dimen>
    <dimen name="firstword_textsize_card">15sp</dimen>
    <dimen name="timecard_marginleft_card">5dp</dimen>
    <dimen name="like_margintop_card">10dp</dimen>
    <dimen name="bottombar_height">70dp</dimen>
    <dimen name="appbarlayout_heigth">256dp</dimen>
    <dimen name="textsize_usernamedetail">25sp</dimen>
    <dimen name="textsize_likenumberdetail">15sp</dimen>
    <dimen name="marginleft_secondword">7dp</dimen>
    <dimen name="height_divider">1dp</dimen>
    <dimen name="paddingtop_titleimagedetail">20dp</dimen>
    <dimen name="paddingtop_horizontal_textcontentdetail">35dp</dimen>
    <dimen name="textsize_usernameprofile">30dp</dimen>
    <dimen name="dimen_circleimageprofile">160dp</dimen>
    <dimen name="margintop_circleimageprofile">30dp</dimen>
    <dimen name="elevation_circleimageprofile">10dp</dimen>
    <dimen name="textsize_usernametoolbarprofile">20dp</dimen>
    <dimen name="marginleft_usernametoolbarprofile">72dp</dimen>
    <dimen name="margintop_usernametoolbarprofile">240dp</dimen>
    <dimen name="limitY_usernametoolbarprofile">10dp</dimen>
    <dimen name="margintoptargety_usernametoolbarprofile">15dp</dimen>
    <dimen name="activity_vertical_margin">16dp</dimen>
</resources>

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout
    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"
    tools:context="com.pucese.pucesegram.view.fragment.ProfileFragment">

    <android.support.design.widget.AppBarLayout
        android:id="@+id/appBarProfile"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:theme="@style/AppTheme.AppBarOverlay"
        android:background="@color/colorPrimary"
        >
        <android.support.design.widget.CollapsingToolbarLayout
            android:id="@+id/collapsingToolbarProfile"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:fitsSystemWindows="true"
            app:statusBarScrim="@color/colorPrimary"
            app:layout_scrollFlags="scroll|exitUntilCollapsed"
            app:contentScrim="@color/colorPrimary"
            >

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:orientation="vertical"
                android:paddingTop="200dp"
                android:paddingBottom="20dp"
                android:layout_gravity="center|top"
                android:layout_marginLeft="16dp"
                android:layout_marginRight="16dp"
                android:gravity="center"
                >
                <TextView
                    android:id="@+id/usernameProfile"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="@string/username_card"
                    android:textColor="@color/editTextColorWhite"
                    android:textSize="@dimen/textsize_usernameprofile"
                    />
            </LinearLayout>
        </android.support.design.widget.CollapsingToolbarLayout>

        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="?attr/colorPrimary"
            app:popupTheme="@style/AppTheme.PopupOverlay" />

    </android.support.design.widget.AppBarLayout>

    <android.support.v7.widget.RecyclerView
        android:id="@+id/pictureProfileRecycler"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior"
        />

    <de.hdodenhof.circleimageview.CircleImageView
        android:layout_width="@dimen/dimen_cicleimageprofile"
        android:layout_height="@dimen/dimen_cicleimageprofile"
        android:layout_gravity="center|top"
        android:layout_marginTop="@dimen/margintop_cicleimageprofile"
        android:elevation="@dimen/elevation_cicleimageprofile"
        android:src="@drawable/gustavo"
        app:layout_behavior="com.zoonref.SimpleViewBehavior"
        app:dependsOn="@+id/appBarProfile"
        app:dependType="y"
        app:dependTargetY="@dimen/limitY_circleimage"
        app:targetX="@dimen/activity_vertical_margin"
        app:targetY="@dimen/margintoptoolbar_cicleimageprofile"
        app:targetWidth="@dimen/width_circleimagetoolbar"
        app:targetHeight="@dimen/width_circleimagetoolbar"
        />
    <android.support.v7.widget.AppCompatTextView
        android:id="@+id/usernameToolbarProfile"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/username_card"
        android:textSize="@dimen/textsize_usernametoolbarprofile"
        android:elevation="@dimen/elevation_cicleimageprofile"
        android:layout_marginLeft="@dimen/marginleft_usernametoolbarprofile"
        android:layout_marginTop="@dimen/margintop_usernametoolbarprofile"
        android:gravity="center_horizontal"
        android:textColor="@android:color/white"
        android:alpha="0"
        app:layout_behavior="com.zoonref.SimpleViewBehavior"
        app:dependsOn="@+id/appBarProfile"
        app:dependType="y"
        app:dependTargetY="@dimen/limitY_usernametoolbarprofile"
        app:targetX="60dp"
        app:targetY="@dimen/margintoptargety_usernametoolbarprofile"
        app:targetAlpha="1"
        />
</android.support.design.widget.CoordinatorLayout>

implementation 'com.android.support:design:27.1.1'
implementation 'com.android.support:appcompat-v7:27.1.1'
implementation 'com.android.support:cardview-v7:27.1.1'
implementation 'com.android.support:recyclerview-v7:27.1.1'
implementation 'com.android.support.constraint:constraint-layout:1.1.3'
implementation 'com.android.support:support-v4:27.1.1'
implementation 'com.squareup.picasso:picasso:2.5.2'
implementation 'de.hdodenhof:circleimageview:2.1.0'
implementation 'com.zoonref:simple-view-behavior:1.0'

<android.support.v7.widget.AppCompatTextView
        android:layout_width="wrap_content"
        android:layout_height="?attr/actionBarSize"
        android:textColor="@android:color/black"
        android:elevation="15dp"
        android:textStyle="bold"
        android:text="@string/username"
        android:textSize="20dp"
        android:layout_marginTop="240dp"
        android:layout_gravity="center_horizontal"
        app:layout_behavior="com.zoonref.SimpleViewBehavior"
        app:dependsOn="@+id/appBarProfile"
        app:dependType="y"
        app:dependTargetY="10dp"
        app:targetX="60dp"
        app:targetY="15dp"

    />

<android.support.design.widget.CoordinatorLayout
    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:fitsSystemWindows="true"
    tools:context="com.chejinas.platzigram.view.fragment.ProfileFragment">


    <android.support.design.widget.AppBarLayout
        android:id="@+id/appBarProfile"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:theme="@style/AppTheme.AppBarOverlay"
        android:background="@color/colorPrimary"
        android:fitsSystemWindows="true">

        <android.support.design.widget.CollapsingToolbarLayout
            android:id="@+id/collapsingToolbarProfile"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:fitsSystemWindows="true"
            app:statusBarScrim="@color/colorPrimary"
            app:layout_scrollFlags="scroll|exitUntilCollapsed"

            >

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="vertical"
                android:paddingTop="200dp"
                android:paddingBottom="20dp"
                android:layout_gravity="center|top"
                android:layout_marginLeft="16dp"
                android:layout_marginRight="16dp"
                android:gravity="center"

                >

                <TextView
                    android:id="@+id/userProfile"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="@string/username_card"
                    android:textColor="@android:color/white"
                    android:textSize="@dimen/textsize_usernameprofile"


                    />

            </LinearLayout>




            <android.support.v7.widget.Toolbar
                android:id="@+id/toolbar"
                android:layout_width="match_parent"
                android:layout_height="?attr/actionBarSize"
                android:background="?attr/colorPrimary"
                app:popupTheme="@style/AppTheme.PopupOverlay" />


        </android.support.design.widget.CollapsingToolbarLayout>



    </android.support.design.widget.AppBarLayout>

    <android.support.v7.widget.RecyclerView
        android:id="@+id/pictureProfileRecycler"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior"


        />


    
    
    <de.hdodenhof.circleimageview.CircleImageView
        android:layout_width="@dimen/dimen_circleimageprofile"
        android:layout_height="@dimen/dimen_circleimageprofile"
        android:src="@drawable/image"
        android:layout_gravity="center|top"
        android:layout_marginTop="@dimen/margintop_circleimageprofile"
        android:elevation="@dimen/elevation_circleimageprofile"
        app:layout_behavior="com.zoomref.SimpleViewBehavior"
        app:dependsOn="@+id/appBarProfile"
        app:dependType="y"
        app:dependTargetY="@dimen/limitY_circleimage"
        app:targetX="@dimen/activity_vertical_margin"
        app:targetY="@dimen/margintoptoolbar_circleimageprofile"
        app:targetWidth="@dimen/width_circleimagetoolbar"
        app:targetHeight="@dimen/width_circleimagetoolbar"


        />

    <TextView
        android:id="@+id/usernameToolbarProfile"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/username_card"
        android:textSize="@dimen/textsize_usernametoolbarprofile"
        android:elevation="@dimen/elevation_circleimageprofile"
        android:layout_marginLeft="@dimen/marginleft_usernametoolbarprofile"
        android:layout_marginTop="@dimen/margintop_usernametoolbarprofile"
        android:gravity="center_vertical"
        android:textColor="@android:color/white"
        android:alpha="0"
        app:layout_behavior="com.zoomref.SimpleViewBehavior"
        app:dependsOn="@+id/appBarProfile"
        app:dependType="y"
        app:dependTargetY="@dimen/limitY_usernametoolbarprofile"

        app:targetY="@dimen/margintoptargety_usernametoolbarprofile"
        app:targetAlpha="1"




        />


    </android.support.design.widget.CoordinatorLayout>

<TextView
        android:id="@+id/tvUserNameProfile"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="20sp"
        android:textColor="@color/colorWhite"
        android:text="Rodrigo Dámazo"
        android:layout_marginTop="200dp"
        android:layout_gravity="center|top"
        android:elevation="10dp"
        app:layout_behavior="com.zoonref.SimpleViewBehavior"
        app:dependsOn="@+id/app_bar"
        app:dependType="y"
        app:dependTargetY="-206dp"
        app:targetX="72dp"
        app:targetY="12dp"/>

<android.support.design.widget.CoordinatorLayout
    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:fitsSystemWindows="true"
    tools:context=".view.fragment.ProfileFragment"
    >

    <android.support.design.widget.AppBarLayout
        android:id="@+id/appBarProfile"
        android:layout_width="match_parent"
        android:layout_height="@dimen/height_appbarlayout"
        android:theme="@style/AppTheme.AppBarOverlay"
        android:background="@color/colorPrimary"
        >

        <android.support.design.widget.CollapsingToolbarLayout
            android:id="@+id/collapsingToolbarProfile"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            app:layout_scrollFlags="scroll|exitUntilCollapsed"
            app:contentScrim="@color/colorPrimary"
            >

            <android.support.v7.widget.Toolbar
                android:id="@+id/toolbarProfile"
                android:layout_width="wrap_content"
                android:layout_height="?attr/actionBarSize"
                app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
                app:layout_collapseMode="pin"
                />

        </android.support.design.widget.CollapsingToolbarLayout>

    </android.support.design.widget.AppBarLayout>

    <android.support.v4.widget.NestedScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior"
        >

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:paddingTop="@dimen/paddingtop_recyclerview_profile"
            android:paddingStart="@dimen/edittext_margin_createaccount"
            android:paddingEnd="@dimen/edittext_margin_createaccount"
            >

            <android.support.v7.widget.RecyclerView
                android:id="@+id/pictureProfileRecycler"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                />

        </LinearLayout>

    </android.support.v4.widget.NestedScrollView>

    <de.hdodenhof.circleimageview.CircleImageView
        android:id="@+id/circleImageProfile"
        android:layout_width="@dimen/dimen_circleimage_profile"
        android:layout_height="@dimen/dimen_circleimage_profile"
        android:src="@drawable/image"
        android:layout_gravity="center|top"
        android:layout_marginTop="@dimen/margintop_circleimage_profile"
        android:elevation="@dimen/elevation_circleimage_profile"

        app:layout_behavior="com.zoonref.SimpleViewBehavior"
        app:dependsOn="@id/appBarProfile"
        app:dependType="y"
        app:dependTargetY="@dimen/limitY_circleimageprofile"
        app:targetX="@dimen/fab_margin"
        app:targetY="@dimen/margintoptoolbar_circleimageprofile"
        app:targetWidth="@dimen/width_circleimageprofiletoolbar"
        app:targetHeight="@dimen/width_circleimageprofiletoolbar"
        />

    <TextView
        android:id="@+id/usernameToolbar"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/username_card"
        android:textColor="@color/textColorBlack"
        android:textSize="@dimen/textsize_username_detail"
        android:elevation="@dimen/elevation_circleimage_profile"
        android:layout_marginTop="@dimen/margintop_username_profile"
        android:layout_gravity="center|top"
        android:alpha="1"

        app:layout_behavior="com.zoonref.SimpleViewBehavior"
        app:dependsOn="@id/appBarProfile"
        app:dependType="y"
        app:dependTargetY="@dimen/limitY_username_profile"
        app:targetY="@dimen/margintoptoolbar_usernametoolbar_profile"
        app:targetAlpha="0"
        />

    <TextView
        android:id="@+id/usernameProfile2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/username_card"
        android:textColor="@color/textColorWhite"
        android:textSize="@dimen/textsize_usernametoolbar_profile"
        android:elevation="@dimen/elevation_circleimage_profile"
        android:layout_marginStart="@dimen/marginleft_usernametoolbar_profile"
        android:layout_marginTop="@dimen/margintop_usernametoolbar_profile"
        android:gravity="center_vertical"
        android:alpha="0"

        app:layout_behavior="com.zoonref.SimpleViewBehavior"
        app:dependsOn="@id/appBarProfile"
        app:dependType="y"
        app:dependTargetY="@dimen/limitY_usernametoolbar_profile"
        app:targetY="@dimen/margintoptoolbar_usernametoolbar_profile"
        app:targetAlpha="1"
        />

</android.support.design.widget.CoordinatorLayout>

E/AndroidRuntime: FATAL EXCEPTION: main
                 Process: com.example.daniel.platzigram, PID: 31952
                 android.view.InflateException: Binary XML file line #0: Could not inflate Behavior subclass com.zoonref.SimpleViewBehaivor
                 Caused by: java.lang.RuntimeException: Could not inflate Behavior subclass com.zoonref.SimpleViewBehaivor
                     at android.support.design.widget.CoordinatorLayout.parseBehavior(CoordinatorLayout.java:615)
                     at android.support.design.widget.CoordinatorLayout$LayoutParams.<init>(CoordinatorLayout.java:2751)
                     at android.support.design.widget.CoordinatorLayout.generateLayoutParams(CoordinatorLayout.java:1678)
                     at android.support.design.widget.CoordinatorLayout.generateLayoutParams(CoordinatorLayout.java:110)
                     at android.view.LayoutInflater.rInflate(LayoutInflater.java:865)
                     at android.view.LayoutInflater.rInflateChildren(LayoutInflater.java:824)
                     at android.view.LayoutInflater.inflate(LayoutInflater.java:515)
                     at android.view.LayoutInflater.inflate(LayoutInflater.java:423)
                     at com.example.daniel.platzigram.view.fragment.ProfileFragment.onCreateView(ProfileFragment.java:35)
                     at android.support.v4.app.Fragment.performCreateView(Fragment.java:2354)
                     at android.support.v4.app.FragmentManagerImpl.moveToState(FragmentManager.java:1419)
                     at android.support.v4.app.FragmentManagerImpl.moveFragmentToExpectedState(FragmentManager.java:1740)
                     at android.support.v4.app.FragmentManagerImpl.moveToState(FragmentManager.java:1809)
                     at android.support.v4.app.BackStackRecord.executeOps(BackStackRecord.java:799)
                     at android.support.v4.app.FragmentManagerImpl.executeOps(FragmentManager.java:2580)
                     at android.support.v4.app.FragmentManagerImpl.executeOpsTogether(FragmentManager.java:2367)
                     at android.support.v4.app.FragmentManagerImpl.removeRedundantOperationsAndExecute(FragmentManager.java:2322)
                     at android.support.v4.app.FragmentManagerImpl.execPendingActions(FragmentManager.java:2229)
                     at android.support.v4.app.FragmentManagerImpl$1.run(FragmentManager.java:700)
                     at android.os.Handler.handleCallback(Handler.java:790)
                     at android.os.Handler.dispatchMessage(Handler.java:99)
                     at android.os.Looper.loop(Looper.java:164)
                     at android.app.ActivityThread.main(ActivityThread.java:6494)
                     at java.lang.reflect.Method.invoke(Native Method)
                     at com.android.internal.os.RuntimeInit$MethodAndArgsCaller.run(RuntimeInit.java:438)
                     at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:807)
                  Caused by: java.lang.ClassNotFoundException: com.zoonref.SimpleViewBehaivor
                     at java.lang.Class.classForName(Native Method)
                     at java.lang.Class.forName(Class.java:453)
                     at android.support.design.widget.CoordinatorLayout.parseBehavior(CoordinatorLayout.java:607)
                     at android.support.design.widget.CoordinatorLayout$LayoutParams.<init>(CoordinatorLayout.java:2751) 
                     at android.support.design.widget.CoordinatorLayout.generateLayoutParams(CoordinatorLayout.java:1678) 
                     at android.support.design.widget.CoordinatorLayout.generateLayoutParams(CoordinatorLayout.java:110) 
                     at android.view.LayoutInflater.rInflate(LayoutInflater.java:865) 
                     at android.view.LayoutInflater.rInflateChildren(LayoutInflater.java:824) 
                     at android.view.LayoutInflater.inflate(LayoutInflater.java:515) 
                     at android.view.LayoutInflater.inflate(LayoutInflater.java:423) 
                     at com.example.daniel.platzigram.view.fragment.ProfileFragment.onCreateView(ProfileFragment.java:35) 
                     at android.support.v4.app.Fragment.performCreateView(Fragment.java:2354) 
                     at android.support.v4.app.FragmentManagerImpl.moveToState(FragmentManager.java:1419) 
                     at android.support.v4.app.FragmentManagerImpl.moveFragmentToExpectedState(FragmentManager.java:1740) 
                     at android.support.v4.app.FragmentManagerImpl.moveToState(FragmentManager.java:1809) 
                     at android.support.v4.app.BackStackRecord.executeOps(BackStackRecord.java:799) 
                     at android.support.v4.app.FragmentManagerImpl.executeOps(FragmentManager.java:2580) 
                     at android.support.v4.app.FragmentManagerImpl.executeOpsTogether(FragmentManager.java:2367) 
                     at android.support.v4.app.FragmentManagerImpl.removeRedundantOperationsAndExecute(FragmentManager.java:2322) 
                     at android.support.v4.app.FragmentManagerImpl.execPendingActions(FragmentManager.java:2229) 
                     at android.support.v4.app.FragmentManagerImpl$1.run(FragmentManager.java:700) 
                     at android.os.Handler.handleCallback(Handler.java:790) 
                     at android.os.Handler.dispatchMessage(Handler.java:99) 
                     at android.os.Looper.loop(Looper.java:164) 
                     at android.app.ActivityThread.main(ActivityThread.java:6494) 
                     at java.lang.reflect.Method.invoke(Native Method) 
                     at com.android.internal.os.RuntimeInit$MethodAndArgsCaller.run(RuntimeInit.java:438) 
                     at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:807) 
E/AndroidRuntime: Caused by: java.lang.ClassNotFoundException: Didn't find class "com.zoonref.SimpleViewBehaivor" on path: DexPathList[[zip file "/data/app/com.example.daniel.platzigram-2nEG5EzjqLS-fF1ZQPwonQ==/base.apk", zip file "/data/app/com.example.daniel.platzigram-2nEG5EzjqLS-fF1ZQPwonQ==/split_lib_dependencies_apk.apk", zip file "/data/app/com.example.daniel.platzigram-2nEG5EzjqLS-fF1ZQPwonQ==/split_lib_slice_0_apk.apk", zip file "/data/app/com.example.daniel.platzigram-2nEG5EzjqLS-fF1ZQPwonQ==/split_lib_slice_1_apk.apk", zip file "/data/app/com.example.daniel.platzigram-2nEG5EzjqLS-fF1ZQPwonQ==/split_lib_slice_2_apk.apk", zip file "/data/app/com.example.daniel.platzigram-2nEG5EzjqLS-fF1ZQPwonQ==/split_lib_slice_3_apk.apk", zip file "/data/app/com.example.daniel.platzigram-2nEG5EzjqLS-fF1ZQPwonQ==/split_lib_slice_4_apk.apk", zip file "/data/app/com.example.daniel.platzigram-2nEG5EzjqLS-fF1ZQPwonQ==/split_lib_slice_5_apk.apk", zip file "/data/app/com.example.daniel.platzigram-2nEG5EzjqLS-fF1ZQPwonQ==/split_lib_slice_6_apk.apk", zip file "/data/app/com.example.daniel.platzigram-2nEG5EzjqLS-fF1ZQPwonQ==/split_lib_slice_7_apk.apk", zip file "/data/app/com.example.daniel.platzigram-2nEG5EzjqLS-fF1ZQPwonQ==/split_lib_slice_8_apk.apk", zip file "/data/app/com.example.daniel.platzigram-2nEG5EzjqLS-fF1ZQPwonQ==/split_lib_slice_9_apk.apk"],nativeLibraryDirectories=[/data/app/com.example.daniel.platzigram-2nEG5EzjqLS-fF1ZQPwonQ==/lib/arm64, /system/lib64, /vendor/lib64]]
                     at dalvik.system.BaseDexClassLoader.findClass(BaseDexClassLoader.java:125)
                     at java.lang.ClassLoader.loadClass(ClassLoader.java:379)
                     at java.lang.ClassLoader.loadClass(ClassLoader.java:312)
                     	... 28 more

public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        // Inflate the layout for this fragment
        View view = inflater.inflate(R.layout.fragment_profile, container, false);
        showToolbar("", false, view);

        RecyclerView picturesRecycler = (RecyclerView) view.findViewById(R.id.space);

        LinearLayoutManager linearLayoutManager = new LinearLayoutManager(getContext());
        linearLayoutManager.setOrientation(linearLayoutManager.VERTICAL);
        picturesRecycler.setLayoutManager(linearLayoutManager);

        PictureAdapterRecyclerView pictureAdapterRecyclerView = new PictureAdapterRecyclerView(buidPictures(), R.layout.cardview_picture,getActivity());
        picturesRecycler.setAdapter(pictureAdapterRecyclerView);

        return view;
    }

Comportamientos dependientes en Material Design

Bienvenido al curso

¡Vamos a renovar este curso!

Bienvenida

Descarga el material del curso

Introducción a Android

Estado actual del desarrollo en Android

Requerimientos y Herramientas para el Desarrollo en Android

Creando nuestro entorno de desarrollo

Inicia a programar para Android: ¿Qué necesito?

Arquitectura de una aplicación en Android

Android Studio

Android SDK Manager

Hola Mundo

Creando un emulador

Básicos de Android

Repaso rápido de Java (POJOS)

Android es MVC por defecto

XML vs. Editor Gráfico

Diferencia entre LinearLayout y Relative Layout

Widgets Básicos en Android

Widgets Básicos desde Java

Material Design

Creando Platzigram

Configurando nuestro tema Material

Widgets de Material Design

Maquetando nuestras vistas del proyecto

¿Qué es un Activity?

Maquetando nuestros Activities

Internacionalización de Textos

Rised button

EditText con Material Design

Terminando el Home de nuestra aplicación

Toolbar

Intents

CardView

Analizando nuestra vistas

Maquetando nuestro CardViewd

Introducción a Fragments

Creando nuestros fragments

Fragments en nuestro BotttomBar

¿Cómo funciona un RecyclerView?

Implemententando RecyclerView

Picasso

Analizando nuestra vista

Collapsing Toolbar Layout, AppBarLayout

Onclick Listener en RecyclerView

Implementando la vista de perfil

Comportamientos dependientes en Material Design

Transiciones en Android.

Conclusiones

Cierre del Curso

Desafío 01

Desafío 02

Desafío 03

Continuando con Platzigram

Bienvenida a la segunda parte del curso

Material del curso

Arquitectura en Android

¿Por qué se debe implementar una Arquitectura en Android?

Principios SOLID en Android

¿Qué es y por qué implementar MVP en Android?

MVP en Android un ejemplo sencillo

¿Qué es la arquitectura limpia? Clean Architecture

Platzigram con Clean Architecture creando la entidad Login

Integrando un Presenter e Interactor a Platzigram

Creando un Repository en Platzigram

Accediendo al Hardware en Android

Accediendo a la cámara en Android

Creando un layout para mostrar una foto en Android

Accediendo y mostrando fotos de la cámara en Android

Configuración de Firebase en Android

¿Qué es Firebase para Android?

Creando un proyecto en la consola de Firebase

Gradle en Android

¿Qué es Android Gradle?

Archivos de configuración Gradle en Android integración con Firebase

Firebase Authentication en Android

Cómo funciona Firebase Authentication en Android

Firebase Authentication Correo y Contraseña en Platzigram