{"id":5742,"date":"2016-12-19T17:04:56","date_gmt":"2016-12-19T15:04:56","guid":{"rendered":"http:\/\/www.fandroid.info\/?p=5742"},"modified":"2017-02-18T12:23:01","modified_gmt":"2017-02-18T10:23:01","slug":"android-studio-tutorial-bottom-sheet","status":"publish","type":"post","link":"https:\/\/www.fandroid.info\/android-studio-tutorial-bottom-sheet\/","title":{"rendered":"Android Studio Tutorial &#8212; Bottom Sheet"},"content":{"rendered":"<p>[:ru]\u0412 \u044d\u0442\u043e\u043c \u0443\u0440\u043e\u043a\u0435 \u0432\u044b \u0443\u0437\u043d\u0430\u0435\u0442\u0435, \u043a\u0430\u043a \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c \u0432 \u0430\u043d\u0434\u0440\u043e\u0438\u0434-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u00a0<strong>bottom sheet<\/strong>\u00a0\u0438\u0437 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u0434\u0438\u0437\u0430\u0439\u043d\u0430. Bottom sheet \u043f\u0435\u0440\u0435\u0432\u043e\u0434\u0438\u0442\u0441\u044f \u043a\u0430\u043a &#171;\u043d\u0438\u0436\u043d\u0438\u0439 \u0441\u043b\u043e\u0439&#187; \u0438\u043b\u0438 &#171;\u043d\u0438\u0436\u043d\u0438\u0439 \u043b\u0438\u0441\u0442&#187;. \u042d\u0442\u043e \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u043e\u043d\u043d\u0430\u044f \u043f\u0430\u043d\u0435\u043b\u044c. \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a \u043a\u043e\u0442\u043e\u0440\u043e\u0439 \u043f\u043e\u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0432\u043d\u0438\u0437\u0443 \u044d\u043a\u0440\u0430\u043d\u0430. \u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0435 \u043f\u0430\u043d\u0435\u043b\u0438 \u043c\u043e\u0436\u043d\u043e \u0443\u0432\u0438\u0434\u0435\u0442\u044c, \u043f\u043e\u0442\u044f\u043d\u0443\u0432\u00a0<strong>bottom sheet<\/strong> \u0432\u0432\u0435\u0440\u0445 \u0437\u0430 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a.<\/p>\n<p><iframe loading=\"lazy\" width=\"700\" height=\"394\" src=\"https:\/\/www.youtube.com\/embed\/xYgPlPBGyM4?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<p>\u0418\u0441\u0445\u043e\u0434\u043d\u044b\u0439 \u043a\u043e\u0434:<\/p>\n<pre class=\"lang:default decode:true \" title=\"activity_main.xml\">&lt;?xml version=\"1.0\" encoding=\"utf-8\"?&gt;\r\n&lt;android.support.design.widget.CoordinatorLayout xmlns:android=\"http:\/\/schemas.android.com\/apk\/res\/android\"\r\n    xmlns:tools=\"http:\/\/schemas.android.com\/tools\"\r\n    xmlns:app=\"http:\/\/schemas.android.com\/apk\/res-auto\"\r\n    android:id=\"@+id\/mainContent\"\r\n    android:layout_width=\"match_parent\"\r\n    android:layout_height=\"match_parent\"\r\n    android:fitsSystemWindows=\"true\"\r\n     tools:context=\"dev.edmt.bottomsheetdemo.MainActivity\"&gt;\r\n\r\n\r\n    &lt;ScrollView\r\n\r\n        android:layout_width=\"match_parent\"\r\n        android:layout_height=\"match_parent\"&gt;\r\n\r\n        &lt;LinearLayout\r\n            android:layout_width=\"match_parent\"\r\n            android:layout_height=\"match_parent\"\r\n            android:orientation=\"vertical\"\r\n            android:paddingTop=\"24dp\"\r\n            &gt;\r\n            &lt;Button\r\n                android:id=\"@+id\/button_1\"\r\n                android:layout_width=\"match_parent\"\r\n                android:layout_height=\"wrap_content\"\r\n                android:text=\"Button 1\"\r\n                android:padding=\"16dp\"\r\n                android:layout_margin=\"8dp\"\r\n                android:textColor=\"@android:color\/white\"\r\n                android:background=\"@android:color\/holo_green_dark\"\r\n\r\n                &gt;&lt;\/Button&gt;\r\n            &lt;Button\r\n                android:id=\"@+id\/button_2\"\r\n                android:layout_width=\"match_parent\"\r\n                android:layout_height=\"wrap_content\"\r\n                android:text=\"Button 2\"\r\n                android:padding=\"16dp\"\r\n                android:layout_margin=\"8dp\"\r\n                android:textColor=\"@android:color\/white\"\r\n                android:background=\"@android:color\/holo_blue_dark\"\r\n\r\n                &gt;&lt;\/Button&gt;\r\n\r\n            &lt;Button\r\n                android:id=\"@+id\/button_3\"\r\n                android:layout_width=\"match_parent\"\r\n                android:layout_height=\"wrap_content\"\r\n                android:text=\"Button 3\"\r\n                android:padding=\"16dp\"\r\n                android:layout_margin=\"8dp\"\r\n                android:textColor=\"@android:color\/white\"\r\n                android:background=\"@android:color\/holo_red_dark\"\r\n\r\n                &gt;&lt;\/Button&gt;\r\n\r\n\r\n        &lt;\/LinearLayout&gt;\r\n\r\n    &lt;\/ScrollView&gt;\r\n\r\n    &lt;android.support.v4.widget.NestedScrollView\r\n        android:id=\"@+id\/bottom_sheet\"\r\n        android:layout_width=\"match_parent\"\r\n        android:layout_height=\"350dp\"\r\n        android:clipToPadding=\"true\"\r\n        android:background=\"@android:color\/holo_orange_light\"\r\n        app:layout_behavior=\"android.support.design.widget.BottomSheetBehavior\"\r\n        &gt;\r\n\r\n        &lt;TextView\r\n            android:layout_width=\"match_parent\"\r\n            android:layout_height=\"match_parent\"\r\n            android:text=\"Bottom Sheets\"\r\n            android:paddingTop=\"16dp\"\r\n            android:textSize=\"16sp\"\/&gt;\r\n    &lt;\/android.support.v4.widget.NestedScrollView&gt;\r\n&lt;\/android.support.design.widget.CoordinatorLayout&gt;\r\n<\/pre>\n<pre class=\"lang:default decode:true \" title=\"MainActivity.java\">import android.support.design.widget.BottomSheetBehavior;\r\nimport android.support.v7.app.AppCompatActivity;\r\nimport android.os.Bundle;\r\nimport android.view.View;\r\nimport android.widget.Button;\r\n\r\npublic class MainActivity extends AppCompatActivity implements View.OnClickListener {\r\n\r\n    private BottomSheetBehavior mBottomSheetBehavior;\r\n    boolean isClick=false;\r\n\r\n    @Override\r\n    protected void onCreate(Bundle savedInstanceState) {\r\n        super.onCreate(savedInstanceState);\r\n        setContentView(R.layout.activity_main);\r\n\r\n        View bottomSheet = findViewById(R.id.bottom_sheet);\r\n        mBottomSheetBehavior = BottomSheetBehavior.from(bottomSheet);\r\n\r\n        Button button1 = (Button)findViewById(R.id.button_1);\r\n        Button button2 = (Button)findViewById(R.id.button_2);\r\n        Button button3 = (Button)findViewById(R.id.button_3);\r\n\r\n        button1.setOnClickListener(this);\r\n        button2.setOnClickListener(this);\r\n        button3.setOnClickListener(this);\r\n    }\r\n\r\n    @Override\r\n    public void onClick(View view) {\r\n        switch (view.getId()){\r\n            case R.id.button_1:\r\n                if(isClick==false)\r\n                    mBottomSheetBehavior.setState(BottomSheetBehavior.STATE_EXPANDED);\r\n\r\n                else\r\n                    mBottomSheetBehavior.setState(BottomSheetBehavior.STATE_COLLAPSED);\r\n\r\n                isClick=!isClick;\r\n\r\n                break;\r\n            default:\r\n                break;\r\n        }\r\n    }\r\n}\r\n<\/pre>\n<p>&nbsp;[:en]In this lesson you will learn how to implement in Android application element bottom sheet from material design library. This is an informational panel. a title which appears at the bottom of the screen. The main toolbar contents can be seen by pulling the bottom sheet up over the title.<\/p>\n<p><iframe loading=\"lazy\" width=\"700\" height=\"394\" src=\"https:\/\/www.youtube.com\/embed\/xYgPlPBGyM4?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<p>Source code:<\/p>\n<pre class=\"lang:default decode:true \" title=\"activity_main.xml\">&lt;?xml version=\"1.0\" encoding=\"utf-8\"?&gt;\r\n&lt;android.support.design.widget.CoordinatorLayout xmlns:android=\"http:\/\/schemas.android.com\/apk\/res\/android\"\r\n    xmlns:tools=\"http:\/\/schemas.android.com\/tools\"\r\n    xmlns:app=\"http:\/\/schemas.android.com\/apk\/res-auto\"\r\n    android:id=\"@+id\/mainContent\"\r\n    android:layout_width=\"match_parent\"\r\n    android:layout_height=\"match_parent\"\r\n    android:fitsSystemWindows=\"true\"\r\n     tools:context=\"dev.edmt.bottomsheetdemo.MainActivity\"&gt;\r\n\r\n\r\n    &lt;ScrollView\r\n\r\n        android:layout_width=\"match_parent\"\r\n        android:layout_height=\"match_parent\"&gt;\r\n\r\n        &lt;LinearLayout\r\n            android:layout_width=\"match_parent\"\r\n            android:layout_height=\"match_parent\"\r\n            android:orientation=\"vertical\"\r\n            android:paddingTop=\"24dp\"\r\n            &gt;\r\n            &lt;Button\r\n                android:id=\"@+id\/button_1\"\r\n                android:layout_width=\"match_parent\"\r\n                android:layout_height=\"wrap_content\"\r\n                android:text=\"Button 1\"\r\n                android:padding=\"16dp\"\r\n                android:layout_margin=\"8dp\"\r\n                android:textColor=\"@android:color\/white\"\r\n                android:background=\"@android:color\/holo_green_dark\"\r\n\r\n                &gt;&lt;\/Button&gt;\r\n            &lt;Button\r\n                android:id=\"@+id\/button_2\"\r\n                android:layout_width=\"match_parent\"\r\n                android:layout_height=\"wrap_content\"\r\n                android:text=\"Button 2\"\r\n                android:padding=\"16dp\"\r\n                android:layout_margin=\"8dp\"\r\n                android:textColor=\"@android:color\/white\"\r\n                android:background=\"@android:color\/holo_blue_dark\"\r\n\r\n                &gt;&lt;\/Button&gt;\r\n\r\n            &lt;Button\r\n                android:id=\"@+id\/button_3\"\r\n                android:layout_width=\"match_parent\"\r\n                android:layout_height=\"wrap_content\"\r\n                android:text=\"Button 3\"\r\n                android:padding=\"16dp\"\r\n                android:layout_margin=\"8dp\"\r\n                android:textColor=\"@android:color\/white\"\r\n                android:background=\"@android:color\/holo_red_dark\"\r\n\r\n                &gt;&lt;\/Button&gt;\r\n\r\n\r\n        &lt;\/LinearLayout&gt;\r\n\r\n    &lt;\/ScrollView&gt;\r\n\r\n    &lt;android.support.v4.widget.NestedScrollView\r\n        android:id=\"@+id\/bottom_sheet\"\r\n        android:layout_width=\"match_parent\"\r\n        android:layout_height=\"350dp\"\r\n        android:clipToPadding=\"true\"\r\n        android:background=\"@android:color\/holo_orange_light\"\r\n        app:layout_behavior=\"android.support.design.widget.BottomSheetBehavior\"\r\n        &gt;\r\n\r\n        &lt;TextView\r\n            android:layout_width=\"match_parent\"\r\n            android:layout_height=\"match_parent\"\r\n            android:text=\"Bottom Sheets\"\r\n            android:paddingTop=\"16dp\"\r\n            android:textSize=\"16sp\"\/&gt;\r\n    &lt;\/android.support.v4.widget.NestedScrollView&gt;\r\n&lt;\/android.support.design.widget.CoordinatorLayout&gt;\r\n<\/pre>\n<pre class=\"lang:default decode:true\" title=\"MainActivity.java\">import android.support.design.widget.BottomSheetBehavior;\r\nimport android.support.v7.app.AppCompatActivity;\r\nimport android.os.Bundle;\r\nimport android.view.View;\r\nimport android.widget.Button;\r\n\r\npublic class MainActivity extends AppCompatActivity implements View.OnClickListener {\r\n\r\n    private BottomSheetBehavior mBottomSheetBehavior;\r\n    boolean isClick=false;\r\n\r\n    @Override\r\n    protected void onCreate(Bundle savedInstanceState) {\r\n        super.onCreate(savedInstanceState);\r\n        setContentView(R.layout.activity_main);\r\n\r\n        View bottomSheet = findViewById(R.id.bottom_sheet);\r\n        mBottomSheetBehavior = BottomSheetBehavior.from(bottomSheet);\r\n\r\n        Button button1 = (Button)findViewById(R.id.button_1);\r\n        Button button2 = (Button)findViewById(R.id.button_2);\r\n        Button button3 = (Button)findViewById(R.id.button_3);\r\n\r\n        button1.setOnClickListener(this);\r\n        button2.setOnClickListener(this);\r\n        button3.setOnClickListener(this);\r\n    }\r\n\r\n    @Override\r\n    public void onClick(View view) {\r\n        switch (view.getId()){\r\n            case R.id.button_1:\r\n                if(isClick==false)\r\n                    mBottomSheetBehavior.setState(BottomSheetBehavior.STATE_EXPANDED);\r\n\r\n                else\r\n                    mBottomSheetBehavior.setState(BottomSheetBehavior.STATE_COLLAPSED);\r\n\r\n                isClick=!isClick;\r\n\r\n                break;\r\n            default:\r\n                break;\r\n        }\r\n    }\r\n}\r\n<\/pre>\n<p><a href=\"\/android-studio-tutorial-bottom-sheet\/\">\/android-studio-tutorial-bottom-sheet\/<\/a>[:]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[:ru]\u0412 \u044d\u0442\u043e\u043c \u0443\u0440\u043e\u043a\u0435 \u0432\u044b \u0443\u0437\u043d\u0430\u0435\u0442\u0435, \u043a\u0430\u043a \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c \u0432 \u0430\u043d\u0434\u0440\u043e\u0438\u0434-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u00a0bottom sheet\u00a0\u0438\u0437 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u0434\u0438\u0437\u0430\u0439\u043d\u0430. Bottom sheet \u043f\u0435\u0440\u0435\u0432\u043e\u0434\u0438\u0442\u0441\u044f \u043a\u0430\u043a &#171;\u043d\u0438\u0436\u043d\u0438\u0439 \u0441\u043b\u043e\u0439&#187; \u0438\u043b\u0438 &#171;\u043d\u0438\u0436\u043d\u0438\u0439 \u043b\u0438\u0441\u0442&#187;. \u042d\u0442\u043e \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u043e\u043d\u043d\u0430\u044f \u043f\u0430\u043d\u0435\u043b\u044c. \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a \u043a\u043e\u0442\u043e\u0440\u043e\u0439 \u043f\u043e\u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0432\u043d\u0438\u0437\u0443 \u044d\u043a\u0440\u0430\u043d\u0430. \u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0435 \u043f\u0430\u043d\u0435\u043b\u0438 \u043c\u043e\u0436\u043d\u043e \u0443\u0432\u0438\u0434\u0435\u0442\u044c, \u043f\u043e\u0442\u044f\u043d\u0443\u0432\u00a0bottom sheet \u0432\u0432\u0435\u0440\u0445 \u0437\u0430 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a. \u0418\u0441\u0445\u043e\u0434\u043d\u044b\u0439 \u043a\u043e\u0434: &lt;?xml version=&#187;1.0&#8243; encoding=&#187;utf-8&#8243;?&gt; &lt;android.support.design.widget.CoordinatorLayout xmlns:android=&#187;http:\/\/schemas.android.com\/apk\/res\/android&#187; xmlns:tools=&#187;http:\/\/schemas.android.com\/tools&#187; xmlns:app=&#187;http:\/\/schemas.android.com\/apk\/res-auto&#187; android:id=&#187;@+id\/mainContent&#187; android:layout_width=&#187;match_parent&#187; android:layout_height=&#187;match_parent&#187; android:fitsSystemWindows=&#187;true&#187; tools:context=&#187;dev.edmt.bottomsheetdemo.MainActivity&#187;&gt; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":5737,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[2],"tags":[3,63,19,14,25,136,5,4,132,133],"_links":{"self":[{"href":"https:\/\/www.fandroid.info\/wp-json\/wp\/v2\/posts\/5742"}],"collection":[{"href":"https:\/\/www.fandroid.info\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.fandroid.info\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.fandroid.info\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fandroid.info\/wp-json\/wp\/v2\/comments?post=5742"}],"version-history":[{"count":7,"href":"https:\/\/www.fandroid.info\/wp-json\/wp\/v2\/posts\/5742\/revisions"}],"predecessor-version":[{"id":6245,"href":"https:\/\/www.fandroid.info\/wp-json\/wp\/v2\/posts\/5742\/revisions\/6245"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.fandroid.info\/wp-json\/wp\/v2\/media\/5737"}],"wp:attachment":[{"href":"https:\/\/www.fandroid.info\/wp-json\/wp\/v2\/media?parent=5742"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.fandroid.info\/wp-json\/wp\/v2\/categories?post=5742"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.fandroid.info\/wp-json\/wp\/v2\/tags?post=5742"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}