Questions tagged «material-design»

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





8
Android材质设计按钮-预棒棒糖
如何实现Google的材料设计指南中所述的“凸起按钮”和“扁平按钮”? 凸起的按钮为大多数平面布局增加了尺寸。他们强调在繁忙或宽敞的空间上的功能。 为工具栏和对话框使用平面按钮,以避免过多的分层。 来源:http://www.google.com/design/spec/components/buttons.html

5
Web的材质组件与Angular材质2 [关闭]
关闭。此问题不符合堆栈溢出准则。它当前不接受答案。 想改善这个问题吗?更新问题,使其成为Stack Overflow的主题。 1年前关闭。 改善这个问题 最近,MDL(材料设计精简版)项目的后继产品作为Web的Material Components发布。其目标之一是“与其他JS框架和库无缝集成”。 另一个项目Angular Material2提供了专门用于Angular(v2 +)的材料设计组件。 这两个项目都在创建基于材质设计的UI组件。而且,它们具有准备就绪/ in-active-development的相似组件集,以及即将上市的相同组件集(在此处和此处列出)。 有人可以帮我了解两个项目之间的重叠之处,我应该为新项目选择哪一个? 从根本上讲,我确实知道Angular Material2将与Angular项目更加无缝和紧密地集成,而Web的Material Components将为要使用的多个JS框架提供挂钩。但是我看不到重叠的原因,以及哪一个会有更大的动力(阅读更多内容)。

16
工具栏导航“汉堡包”图标丢失
我正在寻找一种使用Drawer / DrawerToggle显示汉堡图标淡化并使用Android中包含的默认图标的方法 通过设置getSupportActionBar().setDisplayHomeAsUpEnabled(true);它显示后退箭头,但不显示汉堡包。Stackoverflow上的其他文章(例如this或this)使用DrawerLayout或自定义drawable。我在Android来源中找不到汉堡包图标的矢量或png。 您知道如何在android / support库中找到原始的汉堡包图标吗?(或如何显示) 注意:Vector和png可以在google.com/design网站上找到: http : //www.google.com/design/spec/resources/sticker-sheets-icons.html# 在我的活动中 mToolbar = (Toolbar) findViewById(R.id.toolbar); setSupportActionBar(mToolbar); getSupportActionBar().setDisplayHomeAsUpEnabled(true); getSupportActionBar().setHomeButtonEnabled(true); mToolbar.setNavigationOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { Log.d(LOG_TAG, "navigation clicked"); } }); 布局文件 <android.support.v7.widget.Toolbar android:id="@+id/toolbar" android:layout_height="wrap_content" android:layout_width="match_parent" android:minHeight="?attr/actionBarSize" android:background="?attr/colorPrimary" app:theme="@style/ThemeOverlay.AppCompat.ActionBar"/> Styles.xml <!-- Base application theme. --> <style name="Theme.AppTheme" parent="Theme.AppCompat.Light.NoActionBar"> …

5
通函揭示了新活动的过渡
根据https://developer.android.com/training/material/animations.html 该ViewAnimationUtils.createCircularReveal()方法使您可以为剪切圆制作动画以显示或隐藏视图。 要使用此效果显示以前不可见的视图: // previously invisible view View myView = findViewById(R.id.my_view); // get the center for the clipping circle int cx = (myView.getLeft() + myView.getRight()) / 2; int cy = (myView.getTop() + myView.getBottom()) / 2; // get the final radius for the clipping circle int finalRadius = Math.max(myView.getWidth(), myView.getHeight()); // …


18
如何使工具栏透明?
这是自我问答环节, 我有透明的ActionBar,可以覆盖布局。迁移到最新的支持库后,我不得不摆脱ActionBar的青睐,转而使用Toolbar。使它透明并覆盖该布局的旧方法不再起作用。 <style name="CustomActionBarTheme" parent="@android:style/Theme.AppCompat"> <item name="android:windowActionBarOverlay">true</item> <item name="windowActionBarOverlay">true</item> <item name="android:actionBarStyle">@style/TransparentActionBar</item> </style> <style name="TransparentActionBar" parent="@android:style/Widget.Holo.Light.ActionBar"> <item name="android:background">@android:color/transparent</item> </style>

10
如何从material-ui TextField,DropDownMenu组件获取数据?
我创建表单,我包括几个TextField,DropDownMenu材质UI组件,问题是如何从一个obj中的所有TextField,DropDownMenus收集所有数据并将其发送到服务器。对于TextField,它具有TextField.getValue()返回输入的值。但是我不知道如何使用它。 var React = require('react'), mui = require('material-ui'), Paper = mui.Paper, Toolbar = mui.Toolbar, ToolbarGroup = mui.ToolbarGroup, DropDownMenu = mui.DropDownMenu, TextField = mui.TextField, FlatButton = mui.FlatButton, Snackbar = mui.Snackbar; var menuItemsIwant = [ { payload: '1', text: '[Select a finacial purpose]' }, { payload: '2', text: 'Every Night' }, { …

3
什么是“强调色”?
我的英语不够好,还是我听不懂,但是有人可以向我解释“重点色”是什么以及在哪里使用? 我的问题源于我找不到何时以及如何使用该颜色的真实描述。如果我进一步向下滚动,我也会找到该描述。 抱歉打扰,谢谢大家向我指出。

16
将常量文本放入不应编辑的EditText内-Android
我想在editText中包含常量文本,例如: http://<here_user_can_write> 用户应该无法删除“ http://”中的任何字符,我对此进行了搜索并发现了这一点: editText.setFilters(new InputFilter[] { new InputFilter() { public CharSequence filter(CharSequence src, int start, int end, Spanned dst, int dstart, int dend) { return src.length() < 1 ? dst.subSequence(dstart, dend) : ""; } } }); 但我不知道它是否限制用户从开始到结束限制不删除任何字符。我也无法理解Spanned类的用法。 如果我们可以放一个TextView内部,一种方法将是一个不错的选择,EditText但是我认为这在Android中是不可能的,因为两者都是Views,是否可以?

13
工具栏导航图标从未设置
我正在尝试使用新的工具栏组件,但导航图标遇到了一些麻烦。我想为后退导航实现一个自定义图标: 在清单中,我为自己的活动设置了父母: <activity android:name=".CardsActivity" android:parentActivityName=".MainActivity"> <!-- Parent activity meta-data to support API level 7+ --> <meta-data android:name="android.support.PARENT_ACTIVITY" android:value=".MainActivity" /> </activity> 我这样声明工具栏: <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:paddingBottom="@dimen/activity_vertical_margin" tools:context="com.example.lollitest.MainActivity" > <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:layout_marginBottom="10dp" android:background="?attr/colorPrimary" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_below="@+id/my_awesome_toolbar" android:text="@string/hello_world" /> </RelativeLayout> 然后在我的活动中,像这样配置工具栏: Toolbar toolbar = (Toolbar) findViewById(R.id.my_awesome_toolbar); …

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.