Questions tagged «material-design»

材质设计是Android 5.0 Lollipop引入的Google跨平台和设备的视觉,动作和交互设计指南。

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) at android.os.Looper.loop(Looper.java:137) at …


11
Android Material Design按钮样式
我对材质设计的按钮样式感到困惑。我想获得彩色的凸起按钮,如附件链接中所示。例如,在“使用情况”部分下看到的“强制停止”和“卸载”按钮。是否有可用的样式或需要定义它们? 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的新高程功能在要投射阴影的View上设置Z,并且已经使用ActionBar(在技术上是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" android:layout_alignParentBottom="true" > <appuccino.simplyscan.Extra.CustomTextView android:id="@+id/documentName" android:layout_width="match_parent" android:layout_height="wrap_content" android:textColor="@color/white" app:typeface="light" android:paddingLeft="16dp" android:paddingTop="8dp" android:paddingBottom="4dp" android:singleLine="true" android:text="New Document" android:textSize="27sp"/> <appuccino.simplyscan.Extra.CustomTextView …

28
带有Material Design和AppCompat的Android中的着色按钮
在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。我需要添加一个分压器在RecyclerView。我试图添加- 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
选择自举vs材质设计[关闭]
关闭。此问题不符合堆栈溢出准则。它当前不接受答案。 想改善这个问题吗?更新问题,使它成为Stack Overflow 的主题。 5年前关闭。 改善这个问题 我将使用AngularJS(完整堆栈)开始新项目。我的项目需要及时响应,我将从头开始创建模板。 因此,我需要建议是否选择Bootstrap 3(带角度指令)或布局的材料设计? 如果有人可以列出两者的优缺点,我将不胜感激。


6
如何使用支持库实现波纹动画?
我试图在单击按钮时添加波纹动画。我在下面确实喜欢,但是它要求minSdKVersion到21。 涟漪图 <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个新的预设主题修改了其Material Design图标: 除了常规的填充/基线主题外,还包括轮廓,圆角,二音和锐利: 但是,不幸的是,它在任何地方都没有说明如何使用新主题。 我一直通过包括以下链接通过Google Web字体使用它: <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标记)一样工作吗?还是仅以SVG或PNG格式下载? 提前致谢。

16
默认情况下,工具栏上没有阴影吗?
我正在使用支持库v21中的新工具栏更新我的应用。我的问题是,如果我未设置“ elevation”属性,则工具栏不会投射任何阴影。这是正常行为还是我做错了什么? 我的代码是: <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"> . . . 在我的Activity-OnCreate方法中: Toolbar toolbar = (Toolbar) findViewById(R.id.my_awesome_toolbar); setSupportActionBar(toolbar);

8
材料设计未设置样式警告对话框
我已将appCompat材质设计添加到我的应用程序中,并且似乎警告对话框未使用我的主要,primaryDark或强调色。 这是我的基本风格: <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" android:title="@string/home" /> <item android:id="@+id/action_rides" android:icon="@drawable/ic_local_airport_black_24dp" android:title="@string/rides"/> <item android:id="@+id/action_cafes" android:icon="@drawable/ic_local_cafe_black_24dp" android:title="@string/cafes"/> <item android:id="@+id/action_hotels" android:icon="@drawable/ic_local_hotel_black_24dp" android:title="@string/hotels"/> </menu> …

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.