标签: material

我试图通过从Select Form元素中选择一个选项来在运行时更改立方体图像.运行代码时,选择后图像会发生变化,但前一个立方体和图像会保留在场景中.

更改材质/图像/纹理时,如何正确清除/刷新/更新场景.

<div id = "container"></div>

<form id = "changesForm">
    Cube Image:
    <br>
    <select id = "cubeImage">
        <option value = "random">Random</option>
        <option value = "image1">First Image</option>
        <option value = "Image2">Second Image</option>
    </select>
    <br>
</form>

<script type = "text/javascript">

window.onload = windowLoaded;

function windowLoaded(){
    if (window.addEventListener){
        init();
        animate();
                             //document.getElementById('container').addEventListener('mousemove', containerMouseover, false);
    window.addEventListener( 'resize', onWindowResize, false );
    var cubeImage = document.getElementById('cubeImage');
    cubeImage.addEventListener("change", changeCubeImage, false);
    }
    else if (window.attachEvent){
        //init();
        //animate();
                  //document.getElementById('container').attachEvent('onmousemove', containerMouseover);
        //window.attachEvent( 'onresize', onWindowResize);
    }

function changeCubeImage(e){
    //e.preventDefault();
    var target …

我有一个应用程序Theme.AppCompat.Light,我需要使用它,所以Dialogs有轻主题.但这会使我的工具栏中的文字变黑,我宁愿它变成白色.我试过设置工具栏的具体app:theme到AppCompat.Dark.Actionbar,但没有运气...我搜索了一段时间,但没有找到一个具体的问题和答案.

这是我的默认AppTheme:

<style name="AppTheme.Parent" parent="Theme.AppCompat.Light.NoActionBar">
    <item name="colorPrimary">@color/blue</item>
    <item name="colorPrimaryDark">@color/dark_blue</item>
    <item name="colorAccent">@color/pink</item>

    <item name="android:windowNoTitle">true</item>
    <item name="windowActionBar">false</item>
</style>

这是我的toolbar.xml:

<android.support.v7.widget.Toolbar
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="?attr/colorPrimary"
    android:minHeight="@dimen/abc_action_bar_default_height_material"
    app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
    app:popupTheme="@style/ThemeOverlay.AppCompat.Light" />

想要在标题部分右上角添加关闭图标.请帮帮我.我使用过Material UI Dialog.evrything工作正常,但我想在顶部关闭按钮.请参阅附图.

我尝试了本教程并且效果很好,但现在我想知道在打开应用程序时是否可以直接转到特定选项卡而不是默认情况下的第一个选项卡(左侧)？

例如:我希望应用程序直接在"事件"选项卡上打开:

我搜索了代码,但没有发现任何相关内容.

谢谢大家

编辑: 这是方法:只需添加pager.setCurrentItem(1);您的MainActivity(标签容器).

我想使用带有angular2/material2的自动完成组件从服务器获取数据.(https://material.angular.io/components/component/autocomplete)

TS

  emailCtrl: FormControl;
  filteredEmails: any;

  constructor(
    private companieService: CompanieService,
  ) {
    this.emailCtrl = new FormControl();
    this.filteredEmails = this.emailCtrl.valueChanges
        .startWith(null)
        .map(email => this.filterEmails(email));
  }


  filterEmails(email: string) {
    this.userService.getUsersByEmail(email)
      .subscribe(
        res => {
          return res
        },
        error => {
          console.log(error);
        }
      )
  }

HTML

    <md-input-container>
      <input mdInput placeholder="Email" [mdAutocomplete]="auto" [formControl]="emailCtrl" [(ngModel)]="fetchedUser.profile.email">
    </md-input-container>

    <md-autocomplete #auto="mdAutocomplete">
      <md-option *ngFor="let email of filteredEmails | async" [value]="email">
        {{email}}
      </md-option>
    </md-autocomplete>

服务:userService.getUsersByEmail(email)正在拉这种数据:

 ['email1@email.com','email2@email.com','email3@email.com']

我没有错误,但自动完成没有结果.我在chrome的调试器中看到(标签网络)对于输入中的每个更改,都会正确地拉出数据

我现在正在努力工作几个小时.我使用Material2,只是想改变进度条的颜色.我知道有那些主题(主要/重音/警告),但我希望我的进度条有一个cutom颜色(绿色).

我已经尝试了最奇怪的css组合......但没有努力.也许有人有同样的问题？

我搜索在模型上重复纹理.在所有的例子或问题上,我发现只有这样:

var lavaTexture = THREE.ImageUtils.loadTexture( 'images/lava.jpg' );
lavaTexture.wrapS = lavaTexture.wrapT = THREE.RepeatWrapping;
lavaTexture.repeat.set( 3, 3 );
var lavaMaterial = new THREE.MeshBasicMaterial( { map: lavaTexture } );

我理解这一点,但是当材料写成这样:

Wood: new THREE.MeshPhongMaterial( {
   color: 0xffffff,
   specular:0xffffff,
   shininess: 10,
   map: new THREE.ImageUtils.loadTexture ( "models/macabann/chataigner.jpg"),
// not sure as right
   WrapS : THREE.RepeatWrapping,
   WrapT : THREE.RepeatWrapping,
   maprepeat : [2,2],

   envMap: textureCube,
   combine: THREE.MixOperation,
   reflectivity: 0.05
} )

如果可能的话,我会搜索如何以这种格式写出这个.谢谢你的回答.

我希望能够在不隐藏md工具栏的左上角部分的情况下切换sidenav,类似于Google Inbox的工作方式:

似乎切换功能正在导致它,因为没有动画,sidenav显示在md工具栏下面.

那可能吗？

<body layout="column" ng-controller="mainCtrl">
<md-toolbar layout="column" class="md-medium-tall"><span flex="flex"></span>
    <div class="md-toolbar-tools">
        <md-button class="menu" ng-click="toggleLeft()">
            <md-icon md-svg-src="assets/svg/menu.svg"></md-icon>
        </md-button>
        <div layout="row" flex="flex" class="fill-height">

            <div class="md-toolbar-item md-breadcrumb">
                <span>Title</span></div>
            <span flex="flex"></span>
        </div>
    </div>
</md-toolbar>


<div layout="row">
    <md-sidenav layout="column" md-component-id="left" class="md-whiteframe-z2 md-sidenav-left" >

        <md-list>
            <md-list-item>
                <md-button>Hey</md-button>
            </md-list-item>
        </md-list>

    </md-sidenav>
</div>

<script src="bower_components/jquery/dist/jquery.min.js"></script>

<script src="bower_components/angular/angular.min.js"></script>
<script src="bower_components/angular-animate/angular-animate.min.js"></script>
<script src="bower_components/angular-aria/angular-aria.min.js"></script>

<script src="bower_components/angular-material/angular-material.min.js"></script>
<script src="js/app.js"></script>

和app.js.

var app = angular.module('anApp', ['ngMaterial'])
.controller('mainCtrl', ['$scope', '$mdSidenav', '$mdUtil', function ($scope, $mdSidenav, $mdUtil) {


$scope.toggleLeft = buildToggler('left');

function …

在执行操作(例如,"保存")后,用户将返回到应用程序中的另一个页面.

我想在新页面上显示一个快餐栏以确认操作,但不希望它显示用户是否在没有操作的情况下导航.因此,例如,如果用户保存"东西",应用程序将它们发送到"事物"主页并显示"已保存"的零食栏,但如果他们以其他方式转到"事物"主页,我​​不希望"保存了"小吃店".

这是我保存的面板上的代码,但目标页面没有显示小吃栏 - 无论我在哪里放置小吃店(在导航之前或之后),它都不会执行小吃店.

Future<Null> saveThatThing() async {
  thing.save();
  thing = new Thing();
  Navigator.of(context).push(getSavedThingRoute());
  Scaffold.of(context).showSnackBar(
    new SnackBar(
      content: new Text('You saved the thing!'),
    ),
  );
}

做这个的最好方式是什么？

我使用材料(https://material.angular.io/components/datepicker/overview)作为角度5.我们可以在DatePicker中选择年份和月份(我不想选择日期,默认情况下必须选择日期) ？例如: - 如果用户选择7月/ 2017,则组件将其解析为7月的第一天.像新约会(2017,6,1);