标签: material
Lollipop RippleDrawable vs Pre-Lollipop的选择器
我有不同的draw9patch按钮png作为背景.目前按钮的控制方式selector如下:
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@drawable/pressed" android:state_pressed="true"/>
<item android:drawable="@drawable/disabled" android:state_enabled="false"/>
<item android:drawable="@drawable/focused" android:state_focused="true"/>
<item android:drawable="@drawable/default"/>
</selector>
对于Android Lollipop,他们有RippleDrawable触摸效果,如下所示:
<ripple xmlns:android="http://schemas.android.com/apk/res/android" android:color="?android:colorControlHighlight">
<item>
...
</item>
</ripple>
关于新的触摸波纹效果:
1:我可以将draw9patch设置为背景RippleDrawable吗？
2:我如何容纳以上两种不同的xml我想遵循材料设计？我是否必须为新的文件夹/布局xml分叉RippleDrawable？
推荐指数
解决办法
查看次数
角度材质布局 - 展开以填充窗口
我正在尝试创建一个Angular材质布局.我的目标是创建一个页面,填充整个浏览器窗口而不创建垂直滚动条.页面顶部是一个工具栏,占用页面宽度的100%.工具栏下方是标题区域,也占用了宽度的100%.在标题区域下,我想要左侧的导航菜单和右侧的客户区域.我的目标是让导航菜单和客户区垂直填充整个浏览器窗口.
为了让您了解我想要实现的目标:
我一直在尝试布局行和列以及属性flex和layout-fill.我发现的所有其他帖子都表明这应该可以通过正确的组合实现,但解决方案却让我望而却步.我创建了一个Plunker来演示我的问题:
http://plnkr.co/edit/Eva0Cf6KKa0z6I9YsR8t?p=info
这是我的index.html:
<!DOCTYPE html>
<html class="no-js">
<head>
<meta charset="utf-8">
<title>adasd</title>
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="//rawgit.com/angular/bower-material/master/angular-material.css">
<link rel="stylesheet" href="nav.css">
<link rel="stylesheet" href="style.css">
</head>
<body ng-app="plunker" ng-controller="MainCtrl">
<md-toolbar layout="row" class="md-hue-3">
<div flex="15" layout layout-align="center center" >
<span>Logo</span>
</div>
<div flex="85" layout layout-align="center center" >
<span>Toolbar Header</span>
</div>
</md-toolbar>
<div flex >
<div ng-view flex layout-fill></div>
</div>
<!-- Angular Material Dependencies -->
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.6/angular.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.6/angular-route.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.6/angular-animate.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.6/angular-aria.min.js"></script>
<!-- Angular Material Javascript now available via Google CDN; …推荐指数
解决办法
查看次数
支持Android材质设计
考虑到即将推出的具有物质风格的Android L平台,我们正在重新设计我们的Android应用程序并提出一个问题:支持旧设备的方式是什么？这个新设计在4.x设备上是否可以接受？
推荐指数
解决办法
查看次数
对于Android Material支持库,我在哪里可以找到CardView和RecyclerView？
我在支持库中找不到RecyclerView,Palette或CardView.仿真器以"未找到类"错误响应.
我该如何修复这样的错误？
推荐指数
解决办法
查看次数
如何制作MatDialog可拖动/角度材质
是否可以使Angular Material Dialog可拖动？我安装了angular2-draggable,当然可以使用所有其他元素的功能.
但是因为对话框是动态创建的,所以我不能在特殊元素上使用ngDraggable,或者可以使用模板变量.
推荐指数
解决办法
查看次数
崩溃 - 材料设计android 5.0
我的应用程序存在很大问题.它崩溃了,我不知道为什么.
在我的应用我有Activity一个listview和一个customlistviewadapter和第二Detailactivity.我想从Android Lollipop添加材料设计,这是我的问题.我在两者之间添加了很好的Activity Transaction Activities.
我将listviewelement中的图片和标题从listview中取出并使用a SparseArray<Bitmap>来传输图片,intent并ActivityOptions传输其余的数据.
交易从我的第一次Activity到DetailActivity工作正常.在我,DetailActivity我必须加载更多的数据,其中一个是描述.描述文本有\n标记新行,有时也有xhtml标记.摆脱我正在使用的\n标签String mdesc = text.replace("\n", "<br />");.
所以现在我只有xhtml标签,并且在我的textview中看起来很漂亮我使用这一行description.setText(Html.fromHtml(mdesc));.
也像魅力一样工作,但如果我点击后退按钮,当描述中的字符数高于~3800时,应用程序崩溃.
这是我的logcat:
A/art? art/runtime/check_jni.cc:65] JNI DETECTED ERROR IN APPLICATION: JNI CallVoidMethodV called with pending exception 'java.lang.IllegalStateException' thrown in void android.os.MessageQueue.nativePollOnce(long, i
A/art? art/runtime/check_jni.cc:65] in call to CallVoidMethodV
A/art? art/runtime/check_jni.cc:65] from void android.os.MessageQueue.nativePollOnce(long, int)
A/art? art/runtime/check_jni.cc:65] "main" prio=5 tid=1 Runnable
A/art? art/runtime/check_jni.cc:65] | …推荐指数
解决办法
查看次数
材质图标无法正确渲染
材料图标在我的项目中无法正确呈现,我安装正确,但即使没有在浏览器中显示.
我按照以下步骤:
npm install material-design-icons
.angular-cli.json
"styles": [
"styles.css",
"../node_modules/material-design-icons/iconfont/material-icons.css"
],
app.module.ts
import {MatSidenavModule, MatToolbarModule, MatIconModule} from '@angular/material';
app.component.html
<mat-toolbar-row>
<span>Second Line</span>
<span class="example-spacer"></span>
<mat-icon class="example-icon">verified_user</mat-icon>
</mat-toolbar-row>
推荐指数
解决办法
查看次数
Android材质默认颜色
我希望有特定卡状态的颜色.我希望能够将其重置为默认值.
我在哪里可以找到Android的默认材质？特别是Android CardView.
感谢帮助.
编辑:
卡片具有非白色的背景色(不是图像).这是哪种颜色？或者有没有任何方法来重置View-Elements的Backgroundcolor？
惹坏英语.
推荐指数
解决办法
查看次数
Angular Material 2 Table Mat Row Click事件也在Mat Cell中单击按钮进行调用
我是材料2的新手,我已经实现了mat表,我在行中点击事件打开对话框,在最后一栏"Action"中还有一个菜单按钮,但点击按钮它也打开对话框而不是打开菜单.
表
<mat-table #table [dataSource]="dataSource" matSort (matSortChange)="sortData($event)">
<ng-container matColumnDef="id">
<mat-header-cell *matHeaderCellDef > No. </mat-header-cell>
<mat-cell *matCellDef="let element">
<mat-checkbox checked='true'></mat-checkbox>
</mat-cell>
</ng-container>
<ng-container matColumnDef="unit_num">
<mat-header-cell *matHeaderCellDef mat-sort-header="unit_num"> Unit No. </mat-header-cell>
<mat-cell *matCellDef="let element"> {{element.unit_num}} </mat-cell>
</ng-container>
<ng-container matColumnDef="unit_type">
<mat-header-cell *matHeaderCellDef mat-sort-header="unit_type"> Unit Type </mat-header-cell>
<mat-cell *matCellDef="let element"> {{element.unit_type}} </mat-cell>
</ng-container>
<ng-container matColumnDef="shares">
<mat-header-cell *matHeaderCellDef mat-sort-header="shares"> Shares </mat-header-cell>
<mat-cell *matCellDef="let element"> {{element.shares}} </mat-cell>
</ng-container>
<ng-container matColumnDef="sections">
<mat-header-cell *matHeaderCellDef>Section </mat-header-cell>
<mat-cell *matCellDef="let element"> {{element.sections.section_type}} </mat-cell>
</ng-container>
<ng-container matColumnDef="buildings">
<mat-header-cell *matHeaderCellDef >Building …推荐指数
解决办法
查看次数
许多具有相同几何和材质的网格,我可以改变它们的颜色吗？
我有大量(〜1000)THREE.Mesh已经从同一构造的对象THREE.Geometry和THREE.MeshPhongMaterial(其具有地图).
我想单独着色(着色)这些对象.
天真地,我尝试更改mesh.material.color属性,但是在任何对象上更改此属性会立即更改所有对象的颜色.这是有道理的,因为在所有对象之间只共享一种材料.
我的下一个想法是THREE.MeshPhongMaterial为每个对象创建一个单独的.所以,现在我有大量的THREE.Mesh对象是由相同的构造THREE.Geometry,但有个体THREE.MeshPhongMaterials(共享相同的纹理).这允许我单独更改颜色,但性能更差.Chrome配置文件显示应用程序花费大量时间进行物理操作,例如切换纹理.
材质颜色在着色器中只是一个统一的颜色.所以,更新那件制服应该很快.
问题:有没有办法从网格级别覆盖材质颜色？
如果有,我相信我可以在我的所有物品中分享材料并恢复我的表现,同时仍然单独改变颜色.
[我在v49和v54上测试过,它们具有相同的性能和降级]
更新:我已经构建了一个测试用例,由此产生的性能下降比我想象的要小,但仍然是可测量的.
这是两个链接:
- http://danceliquid.com/docs/threejs/material-test/index.html?many-materials=false
- http://danceliquid.com/docs/threejs/material-test/index.html?many-materials=true
在第一种情况下,只有两种材料,在第二种情况下,每个立方体都有自己的材料.我在这台机器上测量第一种情况的帧率为53fps,第二种情况的帧率为46fps.这大约下降了15%.
在这两种情况下,每个立方体的材料颜色都会发生变化.在有许多材料的情况下,我们实际上看到每个立方体都有它自己的颜色,在只有两种材料的情况下,我们看到它们都具有相同的颜色(如预期的那样).
推荐指数
解决办法
查看次数