คำถามติดแท็ก material-design

การออกแบบวัสดุเป็นคำแนะนำของ Google สำหรับการออกแบบภาพการเคลื่อนไหวและการโต้ตอบในแพลตฟอร์มและอุปกรณ์ที่มาพร้อมกับ Android 5.0 Lollipop

21
กิจกรรมนี้มีแถบการกระทำที่จัดทำโดยการตกแต่งหน้าต่าง
พยายามที่จะย้ายสิ่งต่าง ๆ ของฉันเพื่อใช้Toolbarแทนแถบแอ็คชัน แต่ฉันได้รับข้อผิดพลาดว่า java.lang.RuntimeException: Unable to start activity ComponentInfo{com.tyczj.weddingalbum/com.xxx.xxx.MainActivity}: java.lang.IllegalStateException: This Activity already has an action bar supplied by the window decor. Do not request Window.FEATURE_ACTION_BAR and set windowActionBar to false in your theme to use a Toolbar instead. at android.app.ActivityThread.performLaunchActivity(ActivityThread.java:2180) at android.app.ActivityThread.handleLaunchActivity(ActivityThread.java:2230) at android.app.ActivityThread.access$600(ActivityThread.java:141) at android.app.ActivityThread$H.handleMessage(ActivityThread.java:1234) at android.os.Handler.dispatchMessage(Handler.java:99) …

30
วิธีการใช้รายการที่ไม่สิ้นสุดด้วย RecyclerView
ผมอยากจะเปลี่ยนไปListView RecyclerViewฉันต้องการที่จะใช้onScrollของOnScrollListenerในRecyclerViewเพื่อตรวจสอบว่าผู้ใช้เลื่อนไปที่ส่วนท้ายของรายการ ฉันจะรู้ได้อย่างไรว่าผู้ใช้เลื่อนไปที่ส่วนท้ายของรายการเพื่อให้สามารถดึงข้อมูลใหม่จากบริการ REST ได้หรือไม่

11
รูปแบบปุ่มการออกแบบวัสดุ Android
ฉันสับสนกับรูปแบบปุ่มสำหรับการออกแบบวัสดุ ฉันต้องการรับปุ่มยกสีสันในลิงก์ที่แนบมาเช่นปุ่ม "บังคับหยุด" และ "ถอนการติดตั้ง" ที่เห็นในส่วนการใช้งาน มีสไตล์ที่พร้อมใช้งานหรือฉันต้องกำหนดมันหรือไม่? http://www.google.com/design/spec/components/buttons.html#buttons-usage ฉันหาสไตล์ปุ่มเริ่มต้นไม่พบ ตัวอย่าง: <Button style="@style/PrimaryButton" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Calculate" android:id="@+id/button3" android:layout_below="@+id/editText5" android:layout_alignEnd="@+id/editText5" android:enabled="true" /> หากฉันพยายามเปลี่ยนสีพื้นหลังของปุ่มด้วยการเพิ่ม android:background="@color/primary" สไตล์ทั้งหมดหายไปเช่นแอนิเมชั่นระบบสัมผัสเงามุมมนเป็นต้น

19
Android“ ยกระดับ” ไม่แสดงเงา
ฉันมี ListView และมีรายการแต่ละรายการที่ฉันต้องการให้แสดงเงาใต้ ฉันกำลังใช้คุณสมบัติการยกระดับใหม่ของ Android Lollipop เพื่อตั้งค่า Z บนมุมมองที่ฉันต้องการสร้างเงาและฉันกำลังทำสิ่งนี้อย่างมีประสิทธิภาพด้วย ActionBar (ในทางเทคนิคแล้ว Toolbar ใน Lollipop) ฉันใช้ระดับความสูงของ Lollipop แต่ด้วยเหตุผลบางอย่างมันไม่แสดงเงาภายใต้รายการ นี่คือวิธีการตั้งค่าเค้าโครงของแต่ละรายการ: <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:orientation="vertical" style="@style/block" android:gravity="center" android:layout_gravity="center" android:background="@color/lightgray" > <RelativeLayout android:layout_width="300dp" android:layout_height="300dp" android:layout_marginLeft="40dp" android:layout_marginRight="40dp" android:layout_marginTop="20dp" android:layout_marginBottom="20dp" android:elevation="30dp" > <ImageView android:id="@+id/documentImageView" android:layout_width="match_parent" android:layout_height="match_parent" android:scaleType="centerCrop" /> <LinearLayout android:orientation="vertical" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@color/alphared" …

28
ปุ่มระบายสีใน Android ที่มีการออกแบบวัสดุและ AppCompat
ก่อนที่การAppCompatอัปเดตจะออกมาในวันนี้ฉันสามารถเปลี่ยนสีของปุ่มต่างๆใน Android L ได้ แต่ไม่ใช่รุ่นเก่ากว่า หลังจากรวมการอัปเดต AppCompat ใหม่แล้วฉันไม่สามารถเปลี่ยนสีสำหรับรุ่นใดรุ่นหนึ่งได้เมื่อฉันลองใช้งานปุ่มจะหายไป ไม่มีใครรู้วิธีเปลี่ยนสีปุ่ม? ภาพต่อไปนี้แสดงสิ่งที่ฉันต้องการบรรลุ: ปุ่มสีขาวเป็นค่าเริ่มต้นปุ่มสีแดงเป็นสิ่งที่ฉันต้องการ นี่คือสิ่งที่ฉันทำก่อนหน้านี้เพื่อเปลี่ยนสีของปุ่มในstyles.xml: <item name="android:colorButtonNormal">insert color here</item> และจะทำแบบไดนามิก: button.getBackground().setColorFilter(getResources().getColor(insert color here), PorterDuff.Mode.MULTIPLY); นอกจากนี้ฉันเปลี่ยนชุดรูปแบบของแม่จาก@android:style/Theme.Material.Light.DarkActionBarเป็นTheme.AppCompat.Light.DarkActionBar

22
สามารถเพิ่มบรรทัดตัวแบ่งใน Android RecyclerView ได้อย่างไร
ฉันกำลังพัฒนาแอพพลิเคชั่น Android ที่ฉันใช้งานRecyclerViewอยู่ ฉันจำเป็นต้องเพิ่มdividerRecyclerViewใน ฉันพยายามเพิ่ม - recyclerView.addItemDecoration(new DividerItemDecoration(getActivity(), DividerItemDecoration.VERTICAL_LIST)); ด้านล่างคือรหัส xml ของฉัน - <android.support.v7.widget.RecyclerView android:id="@+id/drawerList" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginTop="15dp" />

1
Action Bar แตกต่างจากแถบเครื่องมือที่แนะนำใหม่อย่างไร
หลังจากที่ Google ได้แนะนำการออกแบบวัสดุฉันเคยได้ยินเกี่ยวกับคลาสวิดเจ็ตใหม่ที่เรียกว่า Toolbar Toolbar คืออะไรและอะไรคือความแตกต่างที่แน่นอนระหว่าง ActionBar และ ToolBar

1
การเลือก bootstrap กับการออกแบบวัสดุ [ปิด]
ปิด. คำถามนี้ไม่เป็นไปตามหลักเกณฑ์กองมากเกิน ไม่ยอมรับคำตอบในขณะนี้ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้เป็นไปตามหัวข้อสำหรับ Stack Overflow ปิดให้บริการใน5 ปีที่ผ่านมา ปรับปรุงคำถามนี้ ฉันจะเริ่มโครงการใหม่โดยใช้ AngularJS (กองซ้อนเต็ม) โครงการของฉันจะต้องตอบสนองและฉันจะสร้างแม่แบบตั้งแต่เริ่มต้น ดังนั้นฉันต้องการคำแนะนำว่าจะเลือก bootstrap 3 (มีคำสั่งเชิงมุม) หรือการออกแบบวัสดุสำหรับเค้าโครงหรือไม่ ฉันจะซาบซึ้งอย่างมากถ้ามีคนสามารถระบุข้อดีข้อเสียของทั้งคู่

8
เมนูสนับสนุนปุ่มออกแบบลอยน้ำ (FAB) ที่สนับสนุน Android Design Library
ตอนนี้ห้องสมุดสนับสนุนการออกแบบ Android หมดแล้วใครจะรู้วิธีใช้เมนู Fab ที่ขยายเพิ่มด้วยเช่นเดียวกับ fab บนแอป Inbox ควรมีลักษณะเช่นนี้:

6
วิธีการบรรลุ Ripple animation โดยใช้ห้องสมุดสนับสนุน?
ฉันกำลังพยายามเพิ่มภาพเคลื่อนไหวระลอกเมื่อคลิกปุ่ม ฉันชอบด้านล่าง แต่ต้องใช้ minSdKVersion ถึง 21 ripple.xml <ripple xmlns:android="http://schemas.android.com/apk/res/android" android:color="?android:colorControlHighlight"> <item> <shape android:shape="rectangle"> <solid android:color="?android:colorAccent" /> </shape> </item> </ripple> ปุ่ม <com.devspark.robototextview.widget.RobotoButton android:id="@+id/loginButton" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@drawable/ripple" android:text="@string/login_button" /> ฉันต้องการทำให้ย้อนหลังเข้ากันได้กับไลบรารีการออกแบบ วิธีนี้สามารถทำได้?

15
วิธีการใช้ชุดรูปแบบไอคอนการออกแบบวัสดุใหม่: เส้นขอบ, กลม, ทูโทนและชาร์ป
Google ได้ปรับปรุงไอคอนการออกแบบวัสดุด้วยธีมที่กำหนดล่วงหน้าใหม่ 4 ธีม: Outlined, Rounded, Two-Tone และ SharpนอกเหนือจากธีมFilled / Baselineปกติ: แต่น่าเสียดายที่มันไม่ได้พูดถึงวิธีการใช้ชุดรูปแบบใหม่ทุกที่ ฉันใช้มันผ่าน Google Web Fontsโดยใส่ลิงค์: <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> จากนั้นใช้ไอคอนที่จำเป็นตามที่แนะนำในเอกสารประกอบ : <i class="material-icons">account_balance</i> แต่จะแสดงรุ่น 'เต็ม / พื้นฐาน' เสมอ ฉันได้ลองทำสิ่งต่อไปนี้เพื่อใช้ชุดรูปแบบที่ระบุแทน: <i class="material-icons">account_balance_outlined</i> <i class="material-icons material-icons-outlined">account_balance</i> และการเปลี่ยนลิงค์แบบอักษรบนเว็บเป็น: <link href="https://fonts.googleapis.com/icon?family=Material+Icons&style=outlined" rel="stylesheet"> ฯลฯ แต่มันใช้งานไม่ได้ และไม่มีประเด็นใดที่จะถ่ายภาพในที่มืดแบบนั้น tl; dr: มีใครลองใช้ชุดรูปแบบใหม่หรือไม่ มันใช้งานได้เหมือนเวอร์ชันพื้นฐาน (แท็ก html แบบอินไลน์) หรือไม่ หรือมันจะหมายถึงการดาวน์โหลดเป็นรูปแบบ …

16
ไม่มีเงาตามค่าเริ่มต้นใน Toolbar หรือไม่
ฉันกำลังอัปเดตแอปของฉันด้วย Toolbar ใหม่จากห้องสมุดสนับสนุน v21 ปัญหาของฉันคือแถบเครื่องมือไม่ได้สร้างเงาใด ๆ หากฉันไม่ได้ตั้งค่าแอตทริบิวต์ "ระดับความสูง" นั่นเป็นพฤติกรรมปกติหรือฉันกำลังทำอะไรผิดหรือเปล่า? รหัสของฉันคือ: <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertical"> <android.support.v7.widget.Toolbar xmlns:app="http://schemas.android.com/apk/res-auto" android:id="@+id/my_awesome_toolbar" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="?attr/colorPrimary" android:elevation="4dp" android:minHeight="?attr/actionBarSize" app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar" app:popupTheme="@style/ThemeOverlay.AppCompat.Light" /> <FrameLayout android:id="@+id/FrameLayout1" android:layout_width="match_parent" android:layout_height="match_parent"> . . . และในกิจกรรมของฉัน - วิธีการสร้าง: Toolbar toolbar = (Toolbar) findViewById(R.id.my_awesome_toolbar); setSupportActionBar(toolbar);

8
การออกแบบวัสดุไม่ใช่กล่องโต้ตอบแจ้งเตือนการออกแบบ
ฉันได้เพิ่มการออกแบบวัสดุ appCompat ลงในแอพของฉันและดูเหมือนว่ากล่องโต้ตอบการแจ้งเตือนไม่ได้ใช้สีหลักสีหลักเข้มหรือสีเน้น นี่คือสไตล์ฐานของฉัน: <style name="MaterialNavyTheme" parent="@style/Theme.AppCompat.Light.DarkActionBar"> <item name="colorPrimary">@color/apptheme_color</item> <item name="colorPrimaryDark">@color/apptheme_color_dark</item> <item name="colorAccent">@color/apptheme_color</item> <item name="android:textColorPrimary">@color/action_bar_gray</item> </style> จากความเข้าใจของฉันข้อความของกล่องโต้ตอบควรใช้สีเหล่านี้ด้วย ฉันเข้าใจผิดหรือมีอะไรมากกว่าที่ฉันต้องทำหรือไม่? สารละลาย: คำตอบที่ทำเครื่องหมายไว้ทำให้ฉันถูกทาง <style name="MaterialNavyTheme" parent="@style/Theme.AppCompat.Light.DarkActionBar"> <item name="colorPrimary">@color/apptheme_color</item> <item name="colorPrimaryDark">@color/apptheme_color_dark</item> <item name="colorAccent">@color/apptheme_color</item> <item name="android:actionModeBackground">@color/apptheme_color_dark</item> <item name="android:textColorPrimary">@color/action_bar_gray</item> <item name="sdlDialogStyle">@style/DialogStyleLight</item> <item name="android:seekBarStyle">@style/SeekBarNavyTheme</item> </style> <style name="StyledDialog" parent="Theme.AppCompat.Light.Dialog"> <item name="colorPrimary">@color/apptheme_color</item> <item name="colorPrimaryDark">@color/apptheme_color_dark</item> <item name="colorAccent">@color/apptheme_color</item> </style>


10
สีของแท็บที่เลือกในมุมมองการนำทางด้านล่าง
ฉันกำลังเพิ่มBottomNavigationViewโครงการและอยากมีสีข้อความ (และสีอ่อนไอคอน) ที่แตกต่างกันสำหรับแท็บที่เลือก (เพื่อให้ได้ผลสีเทาแท็บที่ไม่ได้เลือก) การใช้สีที่แตกต่างกับandroid:state_selected="true"ในไฟล์ทรัพยากรตัวเลือกสีดูเหมือนจะไม่ทำงาน ฉันยังพยายามมีรายการเพิ่มเติมด้วยandroid:state_focused="true"หรือandroid:state_enabled="true"น่าเสียดายที่ไม่มีผล ลองตั้งค่าstate_selectedแอตทริบิวต์เป็น false (อย่างชัดเจน) สำหรับสีเริ่มต้น (ไม่ได้เลือก) โดยไม่มีโชค นี่คือวิธีเพิ่มมุมมองไปยังเค้าโครงของฉัน: <android.support.design.widget.BottomNavigationView android:id="@+id/bottom_navigation" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_alignParentBottom="true" app:itemBackground="@color/silver" app:itemIconTint="@color/bnv_tab_item_foreground" app:itemTextColor="@color/bnv_tab_item_foreground" app:menu="@menu/bottom_nav_bar_menu" /> นี่คือตัวเลือกสีของฉัน ( bnv_tab_item_foreground.xml): <?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:color="@android:color/darker_gray" /> <item android:state_selected="true" android:color="@android:color/holo_blue_dark" /> </selector> และทรัพยากรเมนูของฉัน ( bottom_nav_bar_menu.xml): <?xml version="1.0" encoding="utf-8"?> <menu xmlns:android="http://schemas.android.com/apk/res/android"> <item android:id="@+id/action_home" android:icon="@drawable/ic_local_taxi_black_24dp" …

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.