buttons
+ +
+
+
+
+
+Text button
+ + + + +Text button with icon
+ + + + +Outlined button
+ + + + +Outlined button with icon
+ + + + +Contained button
+ + + + +Contained button with icon
+ + + + +To add an icon
+ + + + +use an SVG icon
+ + + + +Trailing Icon
+ + + + +Disabled
+ + + + + +FAB (floating action button)
+ +
+
+
+
+
+Regular FAB example
+ + + + +Mini FAB example
+ + + + +Extended FAB example
+ + + + + + +Cards
+ +
+
+
+
+
+
+
+
+Outlined card with icon buttons
+ +
+
+
+
+
+
+
+
+Rich media
+ +
+
+
+
+
+
+
+
+ Title
+ Actions
+ +
+
+
+
+
+
+
+
+ Title
+
+
+
+
+Actions 2
+ +
+
+
+
+
+
+
+
+
+ Title
+
+
+
+
+
+To have a single action button take up the entire width of the action row
+ +
+
+
+
+
+To display buttons and icons in the same row, wrap them in mdc-card__action-buttons and mdc-card__action-icons elements
+ +
+
+
+
+
+
+
+
+The following is an example incorporating all of the above elements
+ +
+
+
+
+
+
+
+
+
+
+ Title
+
+
+
+
+checkboxes
+ +
+
+
+
+
+
+
+
+
+
+
+
+ Checkbox example
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+ Disabled checkboxes
+ +
+
+
+
+
+
+
+
+
+
+
+Indeterminate checkboxes
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+Chips
+ + + + + + + + + + + + + + + + + + + + +Standard data table
+ +
+
+
+
+
+
+
+
+
+| Dessert | +Carbs (g) | +Protein (g) | +Comments | +
|---|---|---|---|
| Frozen yogurt | +24 | +4.0 | +Super tasty | +
| Ice cream sandwich | +37 | +4.33333333333 | +I like ice cream more | +
| Eclair | +24 | +6.0 | +New filing flavor | +
Data table with row selection
+ +
+
+
+
+
+
+
+
+|
+
+
+
+
+
+
+
+
+ |
+ Signal name | +Status | +Severity | +Stage | +Time | +Roles | +
|---|---|---|---|---|---|---|
|
+
+
+
+
+
+
+
+
+ |
+ Arcus watch slowdown | +Online | +Medium | +Triaged | +0:33 | +Allison Brie | +
|
+
+
+
+
+
+
+
+
+ |
+ monarch: prod shared ares-managed-features-provider-heavy | +Offline | +Huge | +Triaged | +0:33 | +Brie Larson | +
|
+
+
+
+
+
+
+
+
+ |
+ monarch: prod shared ares-managed-features-provider-heavy | +Online | +Minor | +Not triaged | +0:33 | +Jeremy Lake | +
|
+
+
+
+
+
+
+
+
+ |
+ Arcus watch slowdown | +Online | +Negligible | +Triaged | +0:33 | +Angelina Cheng | +
Data table with pagination
+ +
+
+
+
+
+
+
+
+
+ | Dessert | +Carbs (g) | +Protein (g) | +Comments | +
|---|---|---|---|
| Frozen yogurt | +24 | +4.0 | +Super tasty | +
| Ice cream sandwich | +37 | +4.33333333333 | +I like ice cream more | +
| Eclair | +24 | +6.0 | +New filing flavor | +
+
+
+
+
+
+
+
+
+ Rows per page
+
+
+
+
+
+
+ 10
+
+
+
+
+
+
+
+
+
+ Data table with progress indicator
+ + + +
+
+
+
+
+
+
+
+
+ | Dessert | +Carbs (g) | +Protein (g) | +Comments | +
|---|---|---|---|
| Frozen yogurt | +24 | +4.0 | +Super tasty | +
| Ice cream sandwich | +37 | +4.33333333333 | +I like ice cream more | +
| Eclair | +24 | +6.0 | +New filing flavor | +
+
+
+
+
+
+
+
+
+
+
+ Data table with column sorting
+ +
+
+
+
+
+
+
+
+
+
+|
+
+
+
+ Dessert
+
+
+
+ |
+
+
+
+
+
+ Carbs (g)
+
+
+ |
+
+
+
+
+
+ Protein (g)
+
+
+ |
+ + Comments + | +
|---|---|---|---|
| Frozen yogurt | ++ 24 + | ++ 4.0 + | +Super tasty | +
| Bread | ++ 10 + | ++ 8.0 + | +Super tasty | +
Alert dialog
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Discard draft?
+
+
+
+
+
+ Simple dialog
+ +
+
+
+
+
+
+
+
+
+
+
+
+ Choose a Ringtone
+
+
+ -
+
- + None + +
- + Callisto + + +
Confirmation dialog
+ +
+
+
+
+
+
+
+
+
+
+
+
+ Choose a Ringtone
+
+
+ -
+
-
+
+ + ++ + ++ + ++
+
+
+
+
+
+ Full-screen dialog
+ + +
+
+
+
+
+
+
+
+
+
+
+
+
+ + Full-Screen Dialog Title +
+ +
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+ Sed scelerisque metus dapibus, maximus massa pulvinar, commodo nunc.
+ Quisque vitae luctus lectus, ut tempus ipsum. Sed suscipit gravida scelerisque.
+ Aenean vulputate elementum est, quis consectetur orci consectetur ac.
+ Quisque accumsan vel nisi id dapibus. Suspendisse nec urna eu massa ornare rutrum.
+ Vivamus at nisi sit amet nulla pretium volutpat sit amet in justo. Donec mi metus,
+ interdum ac tincidunt at, vehicula vitae nisl. Morbi fermentum dapibus massa,
+ nec lobortis massa vestibulum eu.
+
+
+
+
+ Banner
+ + + + + + +Fixed Banner
+ + + + + + + +Banner with graphic
+ + + + + + + +Banner with two actions
+ + + + + + +Standard Image List
+ +-
+
-
+ ++
+ + Label 1 ++
+ -
+ ++
+ + Label 2 ++
+
Masonry Image List
+ +-
+
-
+
+ + Text 1 ++
+
-
+
+ + Text 2 ++
+
Single-line list
+ +-
+
- + + Single-line item + +
- + + Single-line item + +
- + + Single-line item + +
Two-line list
+ +-
+
- + + + Two-line item + Secondary text + + +
- + + + Two-line item + Secondary text + + +
- + + + Two-line item + Secondary text + + +
List Groups
+ +
+
+
+
+List 1
+-
+
- + + line item + +
- + + line item + +
- + + line item + +
List 2
+-
+
- + + line item + +
- + + line item + +
- + + line item + +
List Dividers
+ +-
+
- + + Item 1 - Division 1 + +
- + + Item 2 - Division 1 + + +
- + + Item 1 - Division 2 + +
- + + Item 2 - Division 2 + +
List Dividers 2
+ +-
+
- + Item 1 - List 1 + +
- + Item 2 - List 1 + +
+
-
+
- + Item 1 - List 2 + +
- + Item 2 - List 2 + +
Single Selection List
+ +-
+
- + + Single-line item + +
- + + Single-line item + +
- + + Single-line item + +
Pre-selected list item
+ +-
+
- + Single-line item + +
- + Single-line item + +
- + Single-line item + +
List with radio group
+ +-
+
-
+
+
+ + ++ + ++ + ++
+
-
+
+
+ + ++ + ++ + ++
+
-
+
+
+ + ++ + ++ + ++
+
List with checkbox items
+ +-
+
-
+
+
+ + ++ + ++ + ++
+
-
+
+
+ + ++ + ++ + ++
+
-
+
+
+ + ++ + ++ + ++
+
Basic Menu
+ + + +
+
+
+
+
+Selection Group Menu
+ + + +
+
+
+
+
+Anchored To Parent
+ + + +Anchor To Element Within Wrapper
+ + + + + +Standard navigation drawers
+ + + + + +Dismissible Modal drawers
+ +
+
+
+
+
+
+Drawer with separate list groups
+ + + + +Drawer with header
+ + + + + + + + +radio buttons
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Radio button
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+ Disabled radio buttons
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Continuous slider
+ + + + + + +Continuous range slider
+ + + + + + +Discrete slider
+ + + + + + +Discrete slider with tick marks
+ + + + + + +Discrete range slider
+ + + + + + +Disabled slider
+ + + + + + +Snackbars
+ + + +
+
+
+
+
+
+
+Snackbars Stacked
+ + + +
+
+
+
+
+
+
+Snackbars Leading
+ + + +
+
+
+
+
+
+
+Switches
+ + + + + + + + + + + + + +Tabs
+ + + + + + +text fields
+ + + +Outlined text
+ + + +Textarea
+ + + +Textarea Outlined
+ + + +Text field without label: Filled
+ + + +Text field without label: Outlined
+ + + +Text field without label: Textarea
+ + + +Disabled text field
+ + + +Text field with helper text
+ + +
+
+
+
+Text field with character counter
+ + +
+
+
+0 / 10
+Multi-line text field (textarea) with character counter
+ + +
+
+
+0 / 140
+Multi-line text field (textarea) with character counter 2
+ + + +Text field with prefix and suffix text
+ + + +HTML5 validation
+ + + +Pre-filled
+ + + +Baseline alignment
+ +
+
+ Text that is aligned with the text field's value
+
+
+
+
+ Text that is aligned to the bottom of the text field's outline
+
+
+
+
+
+Tooltips
+ + + + Link + +Rich tooltip
+ +
+
+
+
+
+Default rich tooltip with interactive content
+ +
+
+
+
+
+Persistent rich tooltip with interactive content
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+-
+
- + + Single-line item + +
- + + Single-line item + +
- + + Single-line item + +
-
-
- - - Single-line item - -
- - - Single-line item - -
- - - Single-line item - -
-
+#
- +# +# Single-line item +# +#
- +# +# Single-line item +# +#
- +# +# Single-line item +# +#
-
-#
- -# -# Single-line item -# -#
- -# -# Single-line item -# -#
- -# -# Single-line item -# -#
-
+
- + + Single-line item + +
- + + Single-line item + +
- + + Single-line item + +
-
+
-
Single-line item
--
Gitee
From bb93b3b5e396b292f0c0829a84b9e2ba19be6bc8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=A5=E8=BF=9C=E6=98=9F?= <1050431815@qq.com>
Date: Thu, 28 Apr 2022 07:52:31 +0000
Subject: [PATCH 12/29] =?UTF-8?q?=E6=96=B0=E5=BB=BA=20=E8=AF=B4=E6=98=8E?=
=?UTF-8?q?=E6=96=87=E6=A1=A3=E5=BC=95=E7=94=A8=E5=9B=BE=E7=89=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
.../.keep" | 0
1 file changed, 0 insertions(+), 0 deletions(-)
create mode 100644 "\350\257\264\346\230\216\346\226\207\346\241\243\345\274\225\347\224\250\345\233\276\347\211\207/.keep"
diff --git "a/\350\257\264\346\230\216\346\226\207\346\241\243\345\274\225\347\224\250\345\233\276\347\211\207/.keep" "b/\350\257\264\346\230\216\346\226\207\346\241\243\345\274\225\347\224\250\345\233\276\347\211\207/.keep"
new file mode 100644
index 0000000..e69de29
--
Gitee
From a15fab2bb8894dae36100ff7de332b91b5a5e72d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=A5=E8=BF=9C=E6=98=9F?= <1050431815@qq.com>
Date: Thu, 28 Apr 2022 07:53:03 +0000
Subject: [PATCH 13/29] update README.md.
---
README.md | 15 +--------------
.../image.png" | Bin 0 -> 50313 bytes
2 files changed, 1 insertion(+), 14 deletions(-)
create mode 100644 "\350\257\264\346\230\216\346\226\207\346\241\243\345\274\225\347\224\250\345\233\276\347\211\207/image.png"
diff --git a/README.md b/README.md
index f3e7a16..038dd82 100644
--- a/README.md
+++ b/README.md
@@ -22,17 +22,4 @@
- 对于lists这个Widget，我构建了两个类，一个是ListTile可以新建列表的一项，另一个是ListView新建的是整个列表的框架。
详细参考的样式如下
-
-
-
- - - Single-line item - -
- - - Single-line item - -
- - - Single-line item - -
y%JZw>G@rJCLmITFe_U{3&K;;Ut}4C>>eJEkp(l&`eY?Z5QSF z{$j#rvPv)E9 eTQrtj$#dz+}`4;%2lwA@ZaCs@qK{$oSrqjLL26Wjguwq}e zd~M%=v-O0aeMkN+4ktNd2WZTxW+U@LE1iI<($2QTxjwq!(PqE+d7jM74^I{ou4QqR z=RL6Vw?G*zN2Wu#6-zf8{F;_W$>^M881 uZ7i #8fO*$_)QC?JWUcvFGiT>Yh&o4FL4o3}Tho^Dg$><@+1(iB;9PTkf-Z_ Jki zPV!cAmfW4O!)#7_oW{6*_i4+GtYLQL87jo9Xffkbr*g{_a?5SW$6i6zh7*>)XxV_I z9M>~&{j7*T63x_Vvmu!*LG|Q|b&?QHOT-{p48+xq=S6>mq8vpHpjjwv%d>3s7@|KP zij-q~+A*v1XnV0_Cq7}_4f9SuX2;ffoVFWywxPh-a8BIpOEjn!2gUiM31};@p4#iF zAB*$3Y>2BKvu0CszTz1zN2oTbJb3P1PsD9CBj_cduXqS~Zp}0d6peiApMAvg7tAK^ z&?VN4!()s+RUJg!c3;tED}Pa!K%z?-6k5gJ;?!Ek8AqxU4ydr6%4o5uq_(ttX6xpo z8IVa?cv;2Ad~M*Gor*y#UJxbB(xs`2Q~%a}3FETbN=dv-p|#qICi&(xXkW|EeD;2t zeP5wMHj-;5?^2^3%FfdTe@~K}H}ZMhPhlR<$xeofbYf$vu@5p=9!<>NW; ;caqL}LSM!d{`&wJ=D3k#R^1#hcCeiN9Tjh}fLB7y8N=S@Mfzc3H z9$3u1;`d!kGZw3+zL3v3sm<}pqIpoBxqE|&c$U&CG$T4;LdU#+Pw4{lU_^AW50T XP?nj)DB)K~JFz@~rfr8lNPZfKV;!~KafA}`cMlvjQ9iLeg@2D K-PQqrr~^*E^xN29LwZ_dvtG_VKF`5=-2v}~ir6m|*6M7v zwru;qsC5(W77)AsIDsG>?gr*WY2X>y;w;~|t%_`1YbtEVadQq%76eB!QgAOF!#P7` zHtQ6aq89#S9>PhYCWieZD6bU8BNj1m6_;>~50&E;ceGsMpK6R5_ zA;)!S&yjx>PUf+vGcJ^i+3HBuX@x@cV_muO3m06S;GMk7@2j7Ug5!}?>^Juy1~~q+ zXS<&}*Y!@FquX@fnD{3L6SMSLDc%rsso;5 =+=GOP9v&6nBe2uv4F63u9#p5c!9<-Yy*`AXQ{zvtkAH zJEjk_0I-TFUlX|<_dH*sZyc&Lq<-sPc>W?ye`gF$kKe_?;h2ipxjs)~pSjkD|1Q!2 zrpCg~R}#@FzLSb=+6FBMjrW&P=_Hd!i&mPZE=9gm9d`iEcl;s6(^1&zGQLB=tPB8I z*#nwCtkDy$zx0 2JW8BIw^g>+VG>iP=h0#SD>#d zdS}19cLX@vabTq7WLd;$laluFTbI^6jd+1`HEG-3n`;R0(75$X_5YGmy{y}4TxgK; z`Dl)BO&W*0#>A85w|}`XU!w)E-ho(mdPF-KZlJsy1GJg}JH2UE!kWe7QrpKtRn=ZS z*y9Fy*B8)wKTRg~&b90zAfGDLZuMs-wS{hiCGMZj!IYzGT|m0}ad%+0eg3-_KveYw zl2dz<#O6dZKlRdhn|?~eB!?=6Cq_w}YYno=$7_2%5>et^j&f8?Y|*i|i2e5XC*xgH zOoj&zLZn-0VwZ?ULqd3&KAA^f828f*gP{(-nw|6AO)cI!>+PRF=CdIN KVMOp zg4Zea I9Ld1mUh=HxT~MDWwBEQB^r*LWEl{ =VJryXiuMzg1DAXsjJqo>)vIfy#^i8sdp2c^< r-*OSB`{sMj?!PL&ivR=rSD;t$RVu`Ey{R<>;r#G{1ftygQW}=z|Tt@+s!{` zouv^`=NZS%4H=Z2LNcWx&Decxz>Ut0YrpT(jw^A&x3#-oUf@uB+WVm4+&Zx-d8O&j zAlz0@J{eoAf|@Y(=X!TX4J6Tkm2rF5WtQ*mztQ%V(RK9NwxAt5W=hNqF*7qWGh@um z%*@Qp%*-(}Gc$Xenc+F#xo5o5-S_m5*L{C&4OK}cZLLx*P0hJfa5Scmi6h6L9R!)t zan-is!2r+SR4LTtz{a;X?}+*X8ui=evZUy{uALVma5w=*vKTbMw*K$mq&v7W^raI$ z`VU4)6`I|DjC*GY`fP7pJYYl+69j2#Ob|<95mA0#!FCfa3J32-e(M@ogLt<=uZ~z- zarx8r{KKkf@kE0v|Nd6~lpRl6JR}9PpV%KWKM>e)&3pF5gg GfG8W8CQ?N&%+acIFdp`*Hc?$Y&cINTCqqNpqp8ve zN;RQTaT=$JZ~ g3P!FnWm`BwW?C1kVkh~IQ=*rw{PCLc-nn;IQ *T$SZBpc7yA~9R&jOs!}yV)nS*Q5k+MxG_+@?;7Jf4EpLl%q#JW+Rb?g)knF-K z +QPBqb zyVDENCQGJ9t&(#3Qk`o%0oYz7Uvci>t1K%c*2>)RWG*@Z!q(F#trL<_0~2Yi7xS%B zPaDr0N=Om0_h_n1%_I=L9hKqGha1-ND{+nkf54qDcfF!(uh2q5tvwI}G;Z2Y{{_zF z?)^`)T;8YN7W>}w{-Sb0TN|-6Lt~gj?sv(WjL8b5y_sH%;?##ebG+btJc $vxY$x8K< zVRNEfs3JsFci4vlTiSO1u3`pSr@_JY$gNugG35X$9Ubo%=6+RazOo2y94(FaM7#Qf zF9g$?Xo5>95wmZFsrq)K?%ZT3XnPfeSK#5nn60fNM*2Z(=0G^6#f2kTL^8Ka-#903 zKQaD^?2YlcjA#1U4Xo9Ci&*Fu0wkDi(X!x#FbZ5|kKfk%4D7>~LSzx)v6{Xj`(Z&R zV2<_n4vPK;E;jKVD05uArD4aCdLC_mhMcOjUHhOgdJ^B>jyD-` DuE~^=m|j_Ua>=^(ftU08dPdO8J~nG&kHJxE z4Y@dO*_--EXJ{`pI+Adg^y$yBfPR4?p|D`Q3xEKiX84 ^2d!AOZzwm!6Z{LMrHUunl~f-_&;!hK0FIoC`t@F%+4|OsY;PhX zXf uXcMU<=4>OfvDN%Gs=+>RbjjmYSmKPoaKYE+tzA0{%RqYZIWPR zUWo^sKPvpt&l;@ySYXtl_>WW)E*+e;tB|xW?{@nvaB1Q&-4&tElB%w73=*Tbsy#%t z1>tJYi2npW{+59kGy30LfPe8