Questions tagged «material-design»

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

16
在用户专注于此之前，TextInputLayout不显示EditText提示
我正在使用最近发布的Android设计支持库来显示带有EditTexts的浮动标签。但是我面临的问题是，呈现UI时，EditText上的提示不显示，但是当我专注于EditTexts之后，我看到了提示。 我的布局如下： <?xml version="1.0" encoding="utf-8"?> <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent"> <FrameLayout android:layout_width="match_parent" android:layout_height="match_parent"> <ScrollView android:id="@+id/ScrollView01" android:layout_width="match_parent" android:layout_height="match_parent" android:scrollbars="vertical"> <LinearLayout android:layout_width="fill_parent" android:layout_height="wrap_content" android:orientation="vertical" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin"> <android.support.design.widget.TextInputLayout android:id="@+id/name_et_textinputlayout" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginTop="@dimen/activity_vertical_margin"> <EditText android:id="@+id/FeedBackerNameET" android:layout_width="fill_parent" android:layout_height="wrap_content" android:hint="@string/feedbackname" android:inputType="textPersonName|textCapWords" /> </android.support.design.widget.TextInputLayout> <android.support.design.widget.TextInputLayout android:id="@+id/email_textinputlayout" android:layout_width="match_parent" android:layout_height="wrap_content"> <EditText android:id="@+id/FeedBackerEmailET" android:layout_width="fill_parent" android:layout_height="wrap_content" android:hint="@string/feedbackemail" android:inputType="textEmailAddress" /> </android.support.design.widget.TextInputLayout> <Spinner android:id="@+id/SpinnerFeedbackType" …
4
将Material Design触摸纹波应用到ImageButton？
我有一个imagebutton在单击时不会响应触摸动画，因为它是静态图像，与棒棒糖上的常规按钮不同，后者带有内置波纹效果。我想在图像上添加材质设计的波纹触摸效果，但似乎找不到实现它的方法。我可以在图像上设置彩色滤光片，但这不是波纹效果。我要尝试执行的一个示例是，当您将专辑封面图像保存在Google Play音乐中时，阴影波纹在图像上移动。
7
Angular-'找不到HammerJS'
我正在一个简单的角度项目中，尝试将Material Design导入到我的项目中，但是某些组件无法正常工作，控制台警告说： 找不到HammerJS。某些Angular Material组件可能无法正常工作。 我也hammerjs安装了@angular/material。我该如何解决这个问题？ 边注 可能值得注意的是，如果您已hammerjs安装并且组件仍无法正确呈现，请确保您使用的是angular material 组件，而不是带有materialize-css 类的 html元素。如果你正在使用materialize-css的不是angular material，你需要将它单独添加到您的项目。
11
如何使用类道具在Material UI中添加多个类
使用css-in-js方法将类添加到React组件，如何添加多个组件？ 这是class变量： const styles = theme => ({ container: { display: 'flex', flexWrap: 'wrap' }, spacious: { padding: 10 }, }); 这是我的用法： return ( <div className={ this.props.classes.container }> 上面的作品，但有没有办法添加两个类，而无需使用classNamesnpm包？就像是： <div className={ this.props.classes.container + this.props.classes.spacious}>
12
如何在材料设计导航抽屉中更改汉堡图标的颜色
我正在关注这个例子 http://www.androidhive.info/2015/04/android-getting-started-with-material-design/ 在此示例中，它显示的是汉堡图标为白色，我想对其进行自定义并使其为黑色，但是我无法找到有关如何更改它的任何内容，有人可以告诉我如何对其进行自定义吗？ 表现 <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="info.androidhive.materialdesign" > <uses-permission android:name="android.permission.INTERNET"></uses-permission> <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE"></uses-permission> <application android:allowBackup="true" android:icon="@mipmap/ic_launcher" android:label="@string/app_name" android:theme="@style/MyMaterialTheme" > <activity android:name=".activity.MainActivity" android:label="@string/app_name" > <intent-filter> <action android:name="android.intent.action.MAIN" /> <category android:name="android.intent.category.LAUNCHER" /> </intent-filter> </activity> </application> </manifest> 风格 <resources> <style name="MyMaterialTheme" parent="MyMaterialTheme.Base"> </style> <style name="MyMaterialTheme.Base" parent="Theme.AppCompat.Light.DarkActionBar"> <item name="windowNoTitle">true</item> <item name="windowActionBar">false</item> <item name="colorPrimary">@color/colorPrimary</item> <item name="colorPrimaryDark">@color/colorPrimaryDark</item> …
10
如何在Spinner上添加浮动标签
在使用Android设计支持库TextInputLayout在EditText组件上方放置一个浮动标签之后，我想知道是否有一种方法可以向该Spinner组件添加一个浮动标签（不一定使用设计库）。 这样，我的意思是TextView在上方放置一个Spinner（显然没有像那样的动画TextInputLayout），但是我希望文本大小，字体和颜色与TextInputLayout浮动标签的大小匹配。 例如，它看起来像这样（请参阅Spinners上方的标签）： 正如我之前提到的，我的主要目的是Spinner在TextInputLayout-上方有一个标签，就像-一样，因此文本大小，字体，颜色以及标签与组件之间的距离是相同的。 在有关浮动标签文本字段的Google设计页面上，有一张图表显示了标签相对于组件的尺寸，但没有指示标签文本的颜色或大小： 因此，总而言之，我在问： -如果有一个特殊的组件可以实现我所要问的内容或可以使用的自定义视图，它将是什么，以及如何使用它。 -如果不是，什么是浮动标签文字大小，颜色和字体，这样我就可以把一个TextView上面我Spinner用上面的图片中显示的布局尺寸。 编辑： 根据Google设计指南中的文本字段，它具有以下浮动标签： 提示和输入字体：Roboto Regular 16sp 标签字体：Roboto Regular 12sp 瓦片高度：72dp 文本顶部和底部填充：16dp 文本字段分隔符填充：8dp 以及上面显示的图像。 因此，浮动标签字体为：Roboto Regular 12sp。因此，您可以使用aTextView来显示Spinner标签，因为我不知道View可以使用的任何custom或特殊组件。 但是，在尝试之后，它看起来不如图像中所示的示例好。一个自定义视图可能是为了这个美好的，因为它可能看起来更好，但上面的解决方案是实现东西接近我本来想的只是一种方法。
10
在状态栏上半透明的导航抽屉不起作用
我正在研究Android项目，正在实现导航抽屉。我正在阅读新的《材料设计规范》和《材料设计清单》。 规范说，滑出窗格应该漂浮在包括状态栏在内的所有其他内容之上，并且在状态栏上是半透明的。 我的导航面板在状态栏上，但是没有任何透明度。我已经按照Google开发人员博客专栏中的建议，遵循了该SO帖子中的代码，该链接位于上方的链接如何使用DrawerLayout在ActionBar / Toolbar和状态栏下方显示？。 下面是我的XML布局 <android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/my_drawer_layout" android:layout_width="match_parent" android:layout_height="match_parent" android:fitsSystemWindows="true"> <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <android.support.v7.widget.Toolbar android:id="@+id/my_awesome_toolbar" android:layout_height="wrap_content" android:layout_width="match_parent" android:minHeight="?attr/actionBarSize" android:background="@color/appPrimaryColour" /> </LinearLayout> <LinearLayout android:id="@+id/linearLayout" android:layout_width="304dp" android:layout_height="match_parent" android:layout_gravity="left|start" android:fitsSystemWindows="true" android:background="#ffffff"> <ListView android:id="@+id/left_drawer" android:layout_width="match_parent" android:layout_height="match_parent" android:choiceMode="singleChoice"></ListView> </LinearLayout> </android.support.v4.widget.DrawerLayout> 以下是我的应用主题 <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar"> <item name="colorPrimary">@color/appPrimaryColour</item> <item name="colorPrimaryDark">@color/appPrimaryColourDark</item> <item name="colorAccent">@color/appPrimaryColour</item> <item name="windowActionBar">false</item> …
24
膨胀类android.support.v7.widget.Toolbar时出错？
我试图通过这种方法来为我的应用程序获取Material Design 。 每当我运行该应用程序时，它将显示以下错误： 膨胀类android.support.v7.widget.Toolbar时出错。 我检查了是否正确添加了appcompat。但这对我来说是正确的。所以，请告诉我我在做什么错？ build.gradle apply plugin: 'com.android.application' android { compileSdkVersion 21 buildToolsVersion '21.0.2' defaultConfig { applicationId "io.bxbxbai.feedlistviewdemo" minSdkVersion 14 targetSdkVersion 21 versionCode 1 versionName "1.0" } buildTypes { release { runProguard false proguardFiles 'proguard-rules.pro' } } } configurations { all*.exclude group: 'com.android.support', module: 'support-v4' } dependencies { …
1
如何在Android中实现自定义可折叠工具栏？
使用本教程来实现“灵活空间”模式（带有折叠工具栏的模式）。 我正在尝试实现与Lollipop Contacts活动中类似的效果，该活动在开始时进入活动时，视图仅是图像标题的一部分： 然后，用户可以向下滚动图像下方的布局以显示更多布局，直到达到最大值为止： 在我的应用中，我无法使其正常运行。 发生的情况是，在进入活动时，图像标头以其最大大小，AppBarLayout的大小显示，就像上面的布局一样，并且与Lollipop Contacts活动不同，后者仅显示图像的一部分。 这是设置AppBarLayout的高度的代码（我希望屏幕的宽度为最大高度）： int widthPx = getResources().getDisplayMetrics().widthPixels; AppBarLayout appbar = (AppBarLayout)findViewById(R.id.appbar); appbar.setLayoutParams(new CoordinatorLayout.LayoutParams(CoordinatorLayout.LayoutParams.MATCH_PARENT, widthPx)); 这是设置RecyclerView的代码。使用scrollToPosition进行了尝试，认为它可以提升RecyclerView的视图，但它完全没有效果： mRecyclerView = (RecyclerView) findViewById(R.id.activity_profile_bottom_recyclerview); mRecyclerView.setHasFixedSize(true); // use a linear layout manager mLayoutManager = new LinearLayoutManager(this); mRecyclerView.setLayoutManager(mLayoutManager); // specify an adapter (see also next example) if(mAdapter == null){ mAdapter = new …
16
如何更改TabLayout所选选项卡的图标颜色？
我正在将aTabLayout与a配合使用ViewPager，我想知道如何最有效地更改TabLayout中所选标签的图标颜色。 Google的Youtube应用程序是实现此方法的完美参考。在主页上，有四个深灰色的图标。选择特定选项卡后，该选项卡的图标变为白色。 没有任何第三方库，我怎么能达到同样的效果？ 选择器显然是一种可能的解决方案。但是在那种情况下，我将不得不同时找到图标的白色和灰色版本，然后在选项卡被选中或取消选中时切换图标。我想知道是否有更有效的方法可以突出显示图标颜色或其他内容。我在任何教程中都找不到。 编辑 我上面直接提到的解决方案要求每个选项卡的图标使用两个可绘制对象。我想知道是否可以通过编程为每个选项卡的图标使用一个drawable来实现。
8
MaterialComponents主题警报对话框按钮
最近，我从支持库切换到com.google.android.material：material：1.0.0 但是现在我有一个问题，在此页面中有一条注释https://github.com/material-components/material-components-android/blob/master/docs/getting-started.md 注意：使用“材料组件”主题可以启用自定义视图充气器，该充气器将默认组件替换为其“材料”对应的组件。当前，这仅用MaterialButton替换Button XML组件。 我正在使用的主题 Theme.MaterialComponents.Light.NoActionBar 完全按照该注释中的说明进行操作，它将AlertDialog Buttons替换为MaterialButtons，但是问题是默认情况下MaterialButtons是彩色背景，现在这些按钮如下所示： 如何使它们再次变得无边界和无背景？ PS我正在使用警报生成器来创建警报对话框： android.app.AlertDialog.Builder
12
小吃店解散后如何通知我？
我正在使用com.android.support:design:22.2.0图书馆的小吃店。我正在使用它撤消删除操作。为了使我的生活更轻松，我将使UI看起来好像实际上已从数据源中删除了东西，并且如果未按下小吃栏中的撤消按钮，则实际上是从数据源中执行删除。因此，我想知道小吃栏何时不再可见，因此可以安全删除这些项目。 我可以在Snackbar上调用getView（），但是我不确定应该使用哪个侦听器。我试过了，setOnSystemUiVisibilityChangeListener()但是那没用，我相信这只是针对系统状态栏的。 另外，Snackbar无法扩展，因为它具有私有构造函数。
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.