Created
February 19, 2016 09:39
-
-
Save anonymous/73acc2d39f4e90c51217 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<?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" | |
android:fitsSystemWindows="true" | |
tools:context="com.lexiy.badscroll.ScrollingActivity"> | |
<android.support.design.widget.AppBarLayout | |
android:id="@+id/app_bar" | |
android:layout_width="match_parent" | |
android:layout_height="@dimen/app_bar_height" | |
android:fitsSystemWindows="true" | |
android:theme="@style/AppTheme.AppBarOverlay"> | |
<android.support.design.widget.CollapsingToolbarLayout | |
android:id="@+id/toolbar_layout" | |
android:layout_width="match_parent" | |
android:layout_height="match_parent" | |
android:fitsSystemWindows="true" | |
app:contentScrim="?attr/colorPrimary" | |
app:layout_scrollFlags="scroll|exitUntilCollapsed"> | |
<android.support.v7.widget.Toolbar | |
android:id="@+id/toolbar" | |
android:layout_width="match_parent" | |
android:layout_height="?attr/actionBarSize" | |
app:layout_collapseMode="pin" | |
app:popupTheme="@style/AppTheme.PopupOverlay"/> | |
</android.support.design.widget.CollapsingToolbarLayout> | |
</android.support.design.widget.AppBarLayout> | |
<include layout="@layout/content_scrolling"/> | |
<android.support.design.widget.FloatingActionButton | |
android:id="@+id/fab" | |
android:layout_width="wrap_content" | |
android:layout_height="wrap_content" | |
android:layout_margin="@dimen/fab_margin" | |
android:src="@android:drawable/ic_dialog_email" | |
app:layout_anchor="@id/app_bar" | |
app:layout_anchorGravity="bottom|end"/> | |
</android.support.design.widget.CoordinatorLayout> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<?xml version="1.0" encoding="utf-8"?> | |
<manifest package="com.lexiy.badscroll" | |
xmlns:android="http://schemas.android.com/apk/res/android"> | |
<application | |
android:allowBackup="true" | |
android:icon="@mipmap/ic_launcher" | |
android:label="@string/app_name" | |
android:supportsRtl="true" | |
android:theme="@style/AppTheme"> | |
<activity | |
android:name=".ScrollingActivity" | |
android:label="@string/app_name" | |
android:theme="@style/AppTheme.NoActionBar"> | |
<intent-filter> | |
<action android:name="android.intent.action.MAIN"/> | |
<category android:name="android.intent.category.LAUNCHER"/> | |
</intent-filter> | |
</activity> | |
</application> | |
</manifest> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
apply plugin: 'com.android.application' | |
android { | |
compileSdkVersion 23 | |
buildToolsVersion "23.0.2" | |
defaultConfig { | |
applicationId "com.lexiy.badscroll" | |
minSdkVersion 15 | |
targetSdkVersion 23 | |
versionCode 1 | |
versionName "1.0" | |
} | |
buildTypes { | |
release { | |
minifyEnabled false | |
proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro' | |
} | |
} | |
} | |
dependencies { | |
compile fileTree(dir: 'libs', include: ['*.jar']) | |
testCompile 'junit:junit:4.12' | |
compile 'com.android.support:appcompat-v7:23.1.1' | |
compile 'com.android.support:design:23.1.1' | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<?xml version="1.0" encoding="utf-8"?> | |
<android.support.v4.widget.NestedScrollView | |
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" | |
app:layout_behavior="@string/appbar_scrolling_view_behavior" | |
tools:context="com.lexiy.badscroll.ScrollingActivity" | |
tools:showIn="@layout/activity_scrolling"> | |
<EditText | |
android:layout_width="wrap_content" | |
android:layout_height="wrap_content" | |
android:layout_margin="@dimen/text_margin" | |
android:text="@string/large_text"/> | |
</android.support.v4.widget.NestedScrollView> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
package com.lexiy.badscroll; | |
import android.os.Bundle; | |
import android.support.design.widget.FloatingActionButton; | |
import android.support.design.widget.Snackbar; | |
import android.support.v7.app.AppCompatActivity; | |
import android.support.v7.widget.Toolbar; | |
import android.view.View; | |
import android.view.Menu; | |
import android.view.MenuItem; | |
public class ScrollingActivity extends AppCompatActivity | |
{ | |
@Override | |
protected void onCreate(Bundle savedInstanceState) | |
{ | |
super.onCreate(savedInstanceState); | |
setContentView(R.layout.activity_scrolling); | |
Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar); | |
setSupportActionBar(toolbar); | |
FloatingActionButton fab = (FloatingActionButton) findViewById(R.id.fab); | |
fab.setOnClickListener(new View.OnClickListener() | |
{ | |
@Override | |
public void onClick(View view) | |
{ | |
Snackbar.make(view, "Replace with your own action", Snackbar.LENGTH_LONG) | |
.setAction("Action", null).show(); | |
} | |
}); | |
} | |
@Override | |
public boolean onCreateOptionsMenu(Menu menu) | |
{ | |
// Inflate the menu; this adds items to the action bar if it is present. | |
getMenuInflater().inflate(R.menu.menu_scrolling, menu); | |
return true; | |
} | |
@Override | |
public boolean onOptionsItemSelected(MenuItem item) | |
{ | |
// Handle action bar item clicks here. The action bar will | |
// automatically handle clicks on the Home/Up button, so long | |
// as you specify a parent activity in AndroidManifest.xml. | |
int id = item.getItemId(); | |
//noinspection SimplifiableIfStatement | |
if (id == R.id.action_settings) | |
{ | |
return true; | |
} | |
return super.onOptionsItemSelected(item); | |
} | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<resources> | |
<string name="app_name">BadScroll</string> | |
<string name="large_text"> | |
"Material is the metaphor.\n\n" | |
"A material metaphor is the unifying theory of a rationalized space and a system of motion." | |
"The material is grounded in tactile reality, inspired by the study of paper and ink, yet " | |
"technologically advanced and open to imagination and magic.\n" | |
"Surfaces and edges of the material provide visual cues that are grounded in reality. The " | |
"use of familiar tactile attributes helps users quickly understand affordances. Yet the " | |
"flexibility of the material creates new affordances that supercede those in the physical " | |
"world, without breaking the rules of physics.\n" | |
"The fundamentals of light, surface, and movement are key to conveying how objects move, " | |
"interact, and exist in space and in relation to each other. Realistic lighting shows " | |
"seams, divides space, and indicates moving parts.\n\n" | |
"Bold, graphic, intentional.\n\n" | |
"The foundational elements of print based design typography, grids, space, scale, color, " | |
"and use of imagery guide visual treatments. These elements do far more than please the " | |
"eye. They create hierarchy, meaning, and focus. Deliberate color choices, edge to edge " | |
"imagery, large scale typography, and intentional white space create a bold and graphic " | |
"interface that immerse the user in the experience.\n" | |
"An emphasis on user actions makes core functionality immediately apparent and provides " | |
"waypoints for the user.\n\n" | |
"Motion provides meaning.\n\n" | |
"Motion respects and reinforces the user as the prime mover. Primary user actions are " | |
"inflection points that initiate motion, transforming the whole design.\n" | |
"All action takes place in a single environment. Objects are presented to the user without " | |
"breaking the continuity of experience even as they transform and reorganize.\n" | |
"Motion is meaningful and appropriate, serving to focus attention and maintain continuity. " | |
"Feedback is subtle yet clear. Transitions are ef´¼ücient yet coherent.\n\n" | |
"3D world.\n\n" | |
"The material environment is a 3D space, which means all objects have x, y, and z " | |
"dimensions. The z-axis is perpendicularly aligned to the plane of the display, with the " | |
"positive z-axis extending towards the viewer. Every sheet of material occupies a single " | |
"position along the z-axis and has a standard 1dp thickness.\n" | |
"On the web, the z-axis is used for layering and not for perspective. The 3D world is " | |
"emulated by manipulating the y-axis.\n\n" | |
"Light and shadow.\n\n" | |
"Within the material environment, virtual lights illuminate the scene. Key lights create " | |
"directional shadows, while ambient light creates soft shadows from all angles.\n" | |
"Shadows in the material environment are cast by these two light sources. In Android " | |
"development, shadows occur when light sources are blocked by sheets of material at " | |
"various positions along the z-axis. On the web, shadows are depicted by manipulating the " | |
"y-axis only. The following example shows the card with a height of 6dp.\n\n" | |
"Resting elevation.\n\n" | |
"All material objects, regardless of size, have a resting elevation, or default elevation " | |
"that does not change. If an object changes elevation, it should return to its resting " | |
"elevation as soon as possible.\n\n" | |
"Component elevations.\n\n" | |
"The resting elevation for a component type is consistent across apps (e.g., FAB elevation " | |
"does not vary from 6dp in one app to 16dp in another app).\n" | |
"Components may have different resting elevations across platforms, depending on the depth " | |
"of the environment (e.g., TV has a greater depth than mobile or desktop).\n\n" | |
"Responsive elevation and dynamic elevation offsets.\n\n" | |
"Some component types have responsive elevation, meaning they change elevation in response " | |
"to user input (e.g., normal, focused, and pressed) or system events. These elevation " | |
"changes are consistently implemented using dynamic elevation offsets.\n" | |
"Dynamic elevation offsets are the goal elevation that a component moves towards, relative " | |
"to the componentÔÇÖs resting state. They ensure that elevation changes are consistent " | |
"across actions and component types. For example, all components that lift on press have " | |
"the same elevation change relative to their resting elevation.\n" | |
"Once the input event is completed or cancelled, the component will return to its resting " | |
"elevation.\n\n" | |
"Avoiding elevation interference.\n\n" | |
"Components with responsive elevations may encounter other components as they move between " | |
"their resting elevations and dynamic elevation offsets. Because material cannot pass " | |
"through other material, components avoid interfering with one another any number of ways, " | |
"whether on a per component basis or using the entire app layout.\n" | |
"On a component level, components can move or be removed before they cause interference. " | |
"For example, a floating action button (FAB) can disappear or move off screen before a " | |
"user picks up a card, or it can move if a snackbar appears.\n" | |
"On the layout level, design your app layout to minimize opportunities for interference. " | |
"For example, position the FAB to one side of stream of a cards so the FAB wonÔÇÖt interfere " | |
"when a user tries to pick up one of cards.\n\n" | |
</string> | |
<string name="action_settings">Settings</string> | |
</resources> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<resources> | |
<!-- Base application theme. --> | |
<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar"> | |
<!-- Customize your theme here. --> | |
<item name="colorPrimary">@color/colorPrimary</item> | |
<item name="colorPrimaryDark">@color/colorPrimaryDark</item> | |
<item name="colorAccent">@color/colorAccent</item> | |
</style> | |
<style name="AppTheme.NoActionBar"> | |
<item name="windowActionBar">false</item> | |
<item name="windowNoTitle">true</item> | |
</style> | |
<style name="AppTheme.AppBarOverlay" parent="ThemeOverlay.AppCompat.Dark.ActionBar"/> | |
<style name="AppTheme.PopupOverlay" parent="ThemeOverlay.AppCompat.Light"/> | |
</resources> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment