material-design

Google Inbox like RecyclerView item open animation

我们两清 提交于 2019-12-03 02:51:48
问题 Currently, I'm trying to implement Google Inbox like RecyclerView behaivior, and I'm very curious about email opening animation. My question is: how to do that? I mean, which method they used? Did they use ItemAnimator.dispatchChangeStarting() and change it's height to fill parent? Or something another? And if they do, how they make it close with pull gesture while underlying RecyclerView elements are slightly visible. Can anyone help me with pointing to some library, or code snippets

How to implement “Loading images” pattern (Opacity, Exposure and Saturation) from Google's new Material design guidelines

不打扰是莪最后的温柔 提交于 2019-12-03 02:48:27
问题 Has anyone looked into implementing the Loading images pattern from Google's latest Material Design guide. It's a recommended way that "illustrations and photographs may load and transition in three phases at staggered durations". Those being Opacity, Exposure and Saturation: I'm currently using the Volley NetworkImageView (actually a derived class from this). I'm sure it's got to be some variant of the answer to this question. I'm just not sure which classes/code to use for both the

Replace toolbar layout according to the displayed fragment

折月煮酒 提交于 2019-12-03 02:46:34
问题 I have an activity with navigation drawer which replace the main_fragment_container on the activity. When one of the fragments is displayed I want to change the layout of the toolbar and add a spinner to it (and remove it when the fragment is hidden). My layout looks like that: <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" xmlns:sothree="http://schemas.android.com/apk/res-auto" android:id="@+id/main_parent_view" android

How to create custom palette with custom color for Material Design App? [closed]

前提是你 提交于 2019-12-03 02:27:23
问题 Closed . This question needs to be more focused. It is not currently accepting answers. Want to improve this question? Update the question so it focuses on one problem only by editing this post. Closed 11 months ago . How could I generate a custom material design palette like the following one? Is there a tool around or something? 回答1: It seems that someone asked this into Graphic Design: link here. The accepted answer will lead you to the author site which is what i was looking for ( a tool

What is the recommended material design toolbar height in landscape

我怕爱的太早我们不能终老 提交于 2019-12-03 02:16:25
For holo design, the recommended action bar height is 40dp during landscape according to Jake Wharton : https://stackoverflow.com/a/7181591/72437 I was wondering, for material design, what is the recommended toolbar height? I can't find any info in Google design guideline : http://www.google.com/design/spec/components/toolbars.html The reason I'm asking so, as I'm getting an unpleasant look during landscape mode. The recommended solution is to enlarge text size : Android Toolbar: small title text in landscape mode I just wondering, instead of enlarging text size, should I just make toolbar

Relation between dp - sp and PX

天涯浪子 提交于 2019-12-03 01:52:23
I am not asking what is the difference between dp,sp and px. I am designing a website based on google's new material design, all the measurements are in dp (for grid) and sp(for text). My question is how do they translate to pixels. I have been designing websites for more than 4 years and all the measurements (grid and font) are in pixels. For Example: A headline is 24sp, how many pixels does it equate to? (its not 24px, I've tried matching them, it's around 28px but there has to be a standard measuring systems). Grid Guideline: "All components align to an 8 dp square baseline grid." - how

android.support.v4.widget.CircleImageView does not work

半腔热情 提交于 2019-12-03 01:15:34
问题 when I try to use : android.support.v4.widget.CircleImageView <android.support.v4.widget.CircleImageView android:id="@+id/picture" android:layout_width="100dp" android:layout_height="100dp" android:layout_gravity="center_vertical" android:src="@drawable/ic_bg" /> it makes my app crash how to support new Material Design Widget CircleImageView is there any example use this new widget Logcat java.lang.RuntimeException: Unable to start activity ComponentInfo{com.vogella.android.recyclerview/com

Material Components for the Web vs Angular Material 2 [closed]

|▌冷眼眸甩不掉的悲伤 提交于 2019-12-03 01:02:25
问题 Closed. This question is off-topic. It is not currently accepting answers. Want to improve this question? Update the question so it's on-topic for Stack Overflow. Closed 6 months ago . Recently, the successor to MDL (Material Design Lite) project was launched as Material Components for the Web. One of its goals is "Seamless integration with other JS frameworks and libraries". There is another project Angular Material2 which provides material design components specifically for Angular (v2+).

Flexible Space in Android

非 Y 不嫁゛ 提交于 2019-12-03 00:54:33
Using this tutorial to implement a Flexible Space pattern (the one with the collapsing toolbar). I'm trying to achieve a similar effect as in the Lollipop Contacts activity , which at the beginning when entering the activity, views an only part of the image header: Then, the user can scroll down the layout below the image in order to reveal more of it, until it reaches the maximum: In my app, I can't manage to make it work. What happens is that when entering the activity, the image header is presented at it's maximum size, the size of the AppBarLayout, just as the layout above, and unlike in

Using multiple DotSpan's in MaterialCalendarView

心不动则不痛 提交于 2019-12-03 00:36:17
Is there any way of attaching more than 1 DotSpan's to a date with Android MaterialCalendarView? Altough I have 2 DotSpan's added to my CalendarView it's still displaying only 1 DotSpan... I'm using the following code: @Override public boolean shouldDecorate(CalendarDay day) { day.copyTo(calendar); for (int i = 0; i < weekDayStrTmp.size(); i++) { if (weekDayStrTmp.contains(day)) { return true; } else { return false; } } return false; } @Override public void decorate(DayViewFacade view) { view.addSpan(new DotSpan(8, myContext.getResources().getColor(R.color.myColor3))); view.addSpan(new DotSpan