How to create a layout like Twitter profile page in Android -


i developping app has page there must header followed multiple recycler views within viewpager. however, not know how "hide" header when scrolling down.

the following layout not work :

- recyclerview     - header     - slidingtablayout     - viewpager         - recyclerview

because verticaly scrollable view cannot put inside verticaly scollable view. possible create type of layout in way because twitter did :

enter image description here

so how 1 achieve create type of layout?

theorical solution suggestion

if had layout :

- linearlayout     - header     - slidingtablayout     - viewpager         - recyclerview

and when recyclerview scrolled, move manually every element upwards header progressively "hidden" , viewpager higher, work?

because verticaly scrollable view cannot put inside verticaly scollable view

that not true, can put scrollable view scrollable view. hard manage scrolling events , of times not necesseary. should not nest scrollable views.

however, there interfaces nestedscrollingchild , nestedscrollingparent which, when implemented can hadle scrolling events. commonly used case nesting relativelayout or nestedscrollview within coordinatorlayout. how implement twitter–like layout.

you can find information in blogpost announcing android design support library or many other tutorials. basic layout should use following

<android.support.design.widget.coordinatorlayout     xmlns:android="http://schemas.android.com/apk/res/android"     xmlns:app="http://schemas.android.com/apk/res-auto"     android:layout_width="match_parent"     android:layout_height="match_parent">      <android.support.design.widget.appbarlayout         android:layout_height="192dp"         android:layout_width="match_parent">          <android.support.design.widget.collapsingtoolbarlayout             android:layout_width="match_parent"             android:layout_height="match_parent"             app:layout_scrollflags="scroll|exituntilcollapsed">              <android.support.v7.widget.toolbar                 android:layout_height="?attr/actionbarsize"                 android:layout_width="match_parent"                 app:layout_collapsemode="pin"/>          </android.support.design.widget.collapsingtoolbarlayout>     </android.support.design.widget.appbarlayout>      <! -- scrollable view -->     <android.support.v7.widget.recyclerview         android:layout_width="match_parent"         android:layout_height="match_parent"         app:layout_behavior="@string/appbar_scrolling_view_behavior" />  </android.support.design.widget.coordinatorlayout>

-

Comments

Post a Comment

Popular posts from this blog

c# - ajax - How to receive data both html and json from server? -

i have referenced this topic , doesn't solve problem. i'm using mvc 5 c#. have used code receive data server data type json . $.ajax({ url: "/mycontroller/myaction", type: "post", datatype: "json", success: function (data) { if (data.result) { alert('successfull'); } else { alert(data.ex); } } }); and controller code: [httppost] public actionresult myaction() { try { return json(new { result = "true", ex = "" }); } catch (exception e) { return json(new { result = "false", ex = e.message }); } } i use way data type html: $.ajax({ url: "/mycontroller/myaction", type: "post", datatype: "html", success: function (data) { $(".mydiv").append(data); } }); and controller should be: [httppost] public actionresult myaction() { return partialview("_...
Read more

c# - SharpDX Toolkit models rendering inside out -

a little while ago decided switch xna sharpdx toolkit actively being supported , quite similar xna. while i've had no trouble @ creating 2d games decided attempt basic 3d game. can both model , it's texture load when renders shows texture on side facing away camera doesn't show @ in between. this code using set environment. vector3 cameraposition = new vector3(0, 0, -10f * 2.5f); vector3 cameratarget = vector3.zero; boundingsphere modelbounds = model.calculatebounds(); float fovangle = mathutil.degreestoradians(45); float aspectratio = (float)graphicsdevice.backbuffer.width / graphicsdevice.backbuffer.height; float near = 0.01f; float far = 100f; float scaling = 10f / modelbounds.radius; matrix translation = matrix.scaling(scaling) * matrix.rotationy((float)gametime.totalgametime.totalseconds) * matrix.translation(0, -modelbounds.center.y * scaling, 0); matrix lookat = matrix.lookatlh(cameraposition, cameratarget, vector3.u...
Read more