Header Ads

ad728
  • Breaking News

    Scroll View Exampe Android

    ScrollingActivity.java
    
    
    package com.example.desktop.test;
    
    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;
    
    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();
                }
            });
        }
    }
    
    
    activity_scrolling.xml
    
    
    <?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.example.desktop.test.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>
    
    
    content_scrolling.xml
    
    
    <?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.example.desktop.test.ScrollingActivity"
        tools:showIn="@layout/activity_scrolling">
    
        <TextView
            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>
    
    string.xml
    
    
    <resources>
        <string name="app_name">test</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"
    
            "when a user tries to pick up one of cards.\n\n"
        </string>
        <string name="action_settings">Settings</string>
    </resources>
    build.gradle(app)
    
    
    apply plugin: 'com.android.application'
    
    android {
        compileSdkVersion 23
        buildToolsVersion "23.0.3"
    
        defaultConfig {
            applicationId "com.example.desktop.test"
            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.3.0'
        compile 'com.android.support:design:23.3.0'
    }
    
    

    No comments

    Post Top Ad

    ad728

    Post Bottom Ad

    ad728