android - How to make the FAB avoid being moved in ViewPager, yet be a part of the fragment within? -

-

background

according material design guidelines (here), if use viewpager has fab (floating action button) fragments within, fab shouldn't move part of fragments, either disappear or replaced another, or animate else.

in short, instead of this:

https://material-design.storage.googleapis.com/publish/material_v_4/material_ext_publish/0b6okdz75tqqsnvrkv3fzmktvmwc/components-buttons-fab-behavior_06_xhdpi_009.webm

you should this:

https://material-design.storage.googleapis.com/publish/material_v_4/material_ext_publish/0b6okdz75tqqsvlhxngjcnteznfu/components-buttons-fab-behavior_04_xhdpi_009.webm

the problem

i don't see example or tutorial of what's best way perform this.

i mean, having fab each fragment (or of them) in viewpager, while each controlled fragment (logic , how looks), yet fab won't move part of fragment while sliding between fragments in viewpager.

even example apps, don't see behavior anywhere. contacts app has same fab both fragments, , dialer has fab moving.

there apps use bad behavior (like solid-explorer). on youtube, there fab (on "account" fragment), it's on header, might ok there.

the question

how should implement correct behavior? put fab part of activity instead of fragments?

is there maybe tutorial and/or sample ?

maybe, when viewpager starts scrolling, detach fab, , attach activity, animate while being scrolled, , when it's done scrolling, hide , show 1 of other fragment?

i faced same problem viewpager , fab little time ago , solved in way:

  • attach fab activity above viewpager
  • add onpagechangelistener viewpager , save onpageselected(int position)'s position in global variable in activity
  • in onpageselected start anim of fab (it can both xml or programmatically, did xml) , change colortint
  • in onclicklistener's onclick(view v) when retrieve fab id (or view) of fab determine action should perform, can create switch statement position before in onpageselected

edit

these 2 anim.xml tried create similar android guidelines:

anim make disappear old fab:

<?xml version="1.0" encoding="utf-8"?> <set android:shareinterpolator="false" xmlns:android="http://schemas.android.com/apk/res/android"> <scale     android:interpolator="@android:anim/accelerate_decelerate_interpolator"     android:fromxscale="1.0"     android:toxscale="0.0"     android:fromyscale="1.0"     android:toyscale="0.0"     android:pivotx="50%"     android:pivoty="50%"     android:fillafter="false"     android:duration="200" />  <rotate     android:duration="200"     android:interpolator="@android:anim/linear_interpolator"     android:pivotx="50%"     android:pivoty="50%"     android:fromdegrees="360"     android:todegrees="270" /> </set>

anim show new one:

<?xml version="1.0" encoding="utf-8"?> <set android:shareinterpolator="false"     xmlns:android="http://schemas.android.com/apk/res/android">     <scale         android:interpolator="@android:anim/accelerate_decelerate_interpolator"         android:fromxscale="0.0"         android:toxscale="1.0"         android:fromyscale="0.0"         android:toyscale="1.0"         android:pivotx="50%"         android:pivoty="50%"         android:fillafter="false"         android:duration="200" />      <rotate         android:duration="200"         android:interpolator="@android:anim/linear_interpolator"         android:pivotx="50%"         android:pivoty="50%"         android:fromdegrees="270"         android:todegrees="360" /> </set>

Comments

Post a Comment

Popular posts from this blog

python - Healpy: From Data to Healpix map -

-
Image
i have data grid rows represent theta (0, pi) , columns represent phi (0, 2*pi) , f(theta,phi) density of dark matter @ location. wanted calculate power spectrum , have decided use healpy. what can not understand how format data healpy use. if provide code (in python obvious reasons) or point me tutorial, great! have tried hand @ doing following code: #grid dimensions nrows*ncols (subject change) theta = np.linspace(0, np.pi, num=grid.shape[0])[:, none] phi = np.linspace(0, 2*np.pi, num=grid.shape[1]) nside = 512 print "pixel area: %.2f square degrees" % hp.nside2pixarea(nside, degrees=true) pix = hp.ang2pix(nside, theta, phi) healpix_map = np.zeros(hp.nside2npix(nside), dtype=np.double) healpix_map[pix] = grid but, when try execute code power spectrum. specifically, : cl = hp.anafast(healpix_map[pix], lmax=1024) i error: typeerror: bad number of pixels if point me tutorial or edit code great. more specifications: data in 2d np array , can change numrows/...
Read more

c - Bitwise operation with (signed) enum value -

-
i using enumerator values flags: typedef enum { = 0x00, b = 0x01u, // u has no influence, expected c = 0x02u, // u has no influence, expected ... } enum_name; volatile unsigned char* reg = someaddress; *reg |= b; according misra-c:2004 bitwise operations shall not done signed type. unfortunately, compiler iar use signed int (or short or char) underlying type of enums, , option can find relates size, not signedness ("--enum-is-int"). according iar c/c++ development guide arm , pages 169 , 211, can define type of enum s if enable iar language extensions ( -e command-line option, or project > options > c/c++ compiler > language > allow iar extensions in ide). in particular, should define "sentinel" value, make sure compiler chooses correct type. prefers signed types, , uses smallest possible integer type, sentinel should largest positive integer corresponding unsigned integer type can describe. example, typedef enum ...
Read more

xslt - Unnest parent nodes by child node -

-
in xml there items 0-n attributes , item should copied each attribute new item 1 attribute. given xml this: <?xml version="1.0" encoding="utf-8" ?> <items> <item> <name>a</name> <attributes> <attribute> <key>attribute1</key> <value>1</value> </attribute> </attributes> </item> <item> <name>b</name> </item> <item> <name>c</name> <attributes> <attribute> <key>attribute1</key> <value>5</value> </attribute> <attribute> <key>attribute2</key> <value>2</value> </attribute> <attribute> <key>attri...
Read more