[go: nahoru, domu]
Google Git
Sign in
android / platform / frameworks / support / 26a875027c8160951d200dd296602d3d554a2d15 / . / ui / ui-material / integration-tests / samples / src / main / java / androidx / ui / material / samples / DrawerSamples.kt
blob: c8910aca6aebb9fd539fffd3186a834aee4b0b0d [file] [log] [blame]
Matvei Malkov0f236612019-07-04 15:54:58 +0100[diff] [blame]1/*
2 * Copyright 2019 The Android Open Source Project
3 *
4 * Licensed under the Apache License, Version 2.0 (the "License");
5 * you may not use this file except in compliance with the License.
6 * You may obtain a copy of the License at
7 *
8 * http://www.apache.org/licenses/LICENSE-2.0
9 *
10 * Unless required by applicable law or agreed to in writing, software
11 * distributed under the License is distributed on an "AS IS" BASIS,
12 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 * See the License for the specific language governing permissions and
14 * limitations under the License.
15 */
16
17package androidx.ui.material.samples
18
19import androidx.annotation.Sampled
20import androidx.compose.Composable
Matvei Malkov0f236612019-07-04 15:54:58 +0100[diff] [blame]21import androidx.compose.state
Matvei Malkov0f236612019-07-04 15:54:58 +0100[diff] [blame]22import androidx.ui.core.Text
Clara Bayarri0e00c9642019-07-02 13:08:40 +0100[diff] [blame]23import androidx.ui.foundation.ColoredRect
Matvei Malkov0f236612019-07-04 15:54:58 +0100[diff] [blame]24import androidx.ui.graphics.Color
Matvei Malkov0f236612019-07-04 15:54:58 +0100[diff] [blame]25import androidx.ui.layout.Center
26import androidx.ui.layout.Column
Matvei Malkov7aa7fd22019-08-16 16:52:59 +0100[diff] [blame]27import androidx.ui.layout.Container
Adam Powell712dc992019-12-04 12:48:30 -0800[diff] [blame]28import androidx.ui.layout.LayoutHeight
Adam Powell31c1ebd2020-01-09 09:48:24 -0800[diff] [blame]29import androidx.ui.layout.LayoutWidth
Matvei Malkov0f236612019-07-04 15:54:58 +0100[diff] [blame]30import androidx.ui.layout.Row
George Mount842c8c12020-01-08 16:03:42 -0800[diff] [blame]31import androidx.ui.layout.Spacer
Matvei Malkov7aa7fd22019-08-16 16:52:59 +0100[diff] [blame]32import androidx.ui.material.BottomDrawerLayout
Matvei Malkov0f236612019-07-04 15:54:58 +0100[diff] [blame]33import androidx.ui.material.Button
34import androidx.ui.material.DrawerState
Matvei Malkov7aa7fd22019-08-16 16:52:59 +0100[diff] [blame]35import androidx.ui.material.ModalDrawerLayout
Matvei Malkov0f236612019-07-04 15:54:58 +0100[diff] [blame]36import androidx.ui.material.StaticDrawer
George Mount842c8c12020-01-08 16:03:42 -0800[diff] [blame]37import androidx.ui.unit.dp
Matvei Malkov0f236612019-07-04 15:54:58 +0100[diff] [blame]38
39@Sampled
40@Composable
41fun StaticDrawerSample() {
Adam Powell31c1ebd2020-01-09 09:48:24 -0800[diff] [blame]42 Row(LayoutWidth.Fill) {
Matvei Malkov0f236612019-07-04 15:54:58 +0100[diff] [blame]43 StaticDrawer {
44 Center {
45 Text("Drawer Content")
46 }
47 }
48 ColoredRect(Color.Black, width = 1.dp)
49 Text("Rest of App")
50 }
51}
52
53@Sampled
54@Composable
55fun ModalDrawerSample() {
Leland Richardson7f848ab2019-12-12 13:43:41 -0800[diff] [blame]56 val (state, onStateChange) = state { DrawerState.Closed }
Matvei Malkov0f236612019-07-04 15:54:58 +0100[diff] [blame]57 val appContentText =
58 if (state == DrawerState.Closed) ">>> Pull to open >>>" else "<<< Swipe to close <<<"
Matvei Malkov7aa7fd22019-08-16 16:52:59 +0100[diff] [blame]59 ModalDrawerLayout(
60 drawerState = state,
61 onStateChange = onStateChange,
62 drawerContent = { YourDrawerContent(onStateChange) },
63 bodyContent = { YourAppContent(appContentText, onStateChange) }
64 )
Matvei Malkov0f236612019-07-04 15:54:58 +0100[diff] [blame]65}
66
67@Sampled
68@Composable
69fun BottomDrawerSample() {
Leland Richardson7f848ab2019-12-12 13:43:41 -0800[diff] [blame]70 val (state, onStateChange) = state { DrawerState.Closed }
Matvei Malkov0f236612019-07-04 15:54:58 +0100[diff] [blame]71 val appContentText =
72 if (state == DrawerState.Closed) "▲▲▲ Pull to open ▲▲▲" else "▼▼▼ Drag down to close ▼▼▼"
Matvei Malkov7aa7fd22019-08-16 16:52:59 +0100[diff] [blame]73 BottomDrawerLayout(
74 drawerState = state,
75 onStateChange = onStateChange,
76 drawerContent = { YourDrawerContent(onStateChange) },
77 bodyContent = { YourAppContent(appContentText, onStateChange) }
78 )
79}
80
81@Composable
82private fun YourDrawerContent(onStateChange: (DrawerState) -> Unit) {
83 Container(expanded = true) {
Adam Powell31c1ebd2020-01-09 09:48:24 -0800[diff] [blame]84 Column(LayoutHeight.Fill) {
Matvei Malkov7aa7fd22019-08-16 16:52:59 +0100[diff] [blame]85 Text(text = "Drawer Content")
Adam Powell712dc992019-12-04 12:48:30 -0800[diff] [blame]86 Spacer(LayoutHeight(20.dp))
Louis Pullen-Freiliche386f97dd2020-01-31 17:32:33 +0000[diff] [blame]87 Button(onClick = { onStateChange(DrawerState.Closed) }) {
88 Text("Close Drawer")
89 }
Matvei Malkov0f236612019-07-04 15:54:58 +0100[diff] [blame]90 }
91 }
92}
93
94@Composable
95private fun YourAppContent(text: String, onDrawerStateChange: (DrawerState) -> Unit) {
Matvei Malkov7aa7fd22019-08-16 16:52:59 +0100[diff] [blame]96 Center {
Adam Powell31c1ebd2020-01-09 09:48:24 -0800[diff] [blame]97 Column(LayoutHeight.Fill) {
Matvei Malkov7aa7fd22019-08-16 16:52:59 +0100[diff] [blame]98 Text(text = text)
Adam Powell712dc992019-12-04 12:48:30 -0800[diff] [blame]99 Spacer(LayoutHeight(20.dp))
Louis Pullen-Freiliche386f97dd2020-01-31 17:32:33 +0000[diff] [blame]100 Button(onClick = { onDrawerStateChange(DrawerState.Opened) }) {
101 Text("Click to open")
102 }
Matvei Malkov7aa7fd22019-08-16 16:52:59 +0100[diff] [blame]103 }
Matvei Malkov0f236612019-07-04 15:54:58 +0100[diff] [blame]104 }
105}