小编Cac*_*oon的帖子

为其他元素获取Material 2主题配色方案/调色板

我正在构建一个应用程序,但我想保持一致的颜色方案,可以通过设置更改,所以我使用材料(2)与角度(2 +),但我不知道如何获得不直接的元素的配色方案提供了为它们着色的能力,color="primary"因此我试图弄清楚如何获得我的Material 2主题使用的颜色/颜色方案.我希望它在主题发生变化时进行更改,例如我的导航栏将适应主题更改,因为它设置为

<mat-toolbar color="primary" class="fixed-navbar mat-elevation-z10">
Run Code Online (Sandbox Code Playgroud)

但是材质2中的网格元素并没有采用相同的参数,所以我试图用足够接近的颜色来设置它的样式,或者根本不匹配它(并且它不会适应主题变化),如下所示:

在此输入图像描述

我希望它与主题垫匹配颜色,这是在这里(并在导航栏设置中选择的选项上更改)

@import '~@angular/material/theming';

@include mat-core();



$candy-app-primary: mat-palette($mat-red);
$candy-app-accent:  mat-palette($mat-deep-orange, A200, A100, A400);
$candy-app-warn:    mat-palette($mat-red);
$candy-app-theme: mat-dark-theme($candy-app-primary, $candy-app-accent, $candy-app-warn);

// Include theme styles for core and each component used in your app.
// Alternatively, you can import and @include the theme mixins for each component
// that you are using.
.default {
  @include angular-material-theme($candy-app-theme);
}
.light {
  $light-primary: mat-palette($mat-blue, 200,300, 900);
  $light-accent:  mat-palette($mat-light-blue, 600, 100, 800);
  $light-warn:    mat-palette($mat-red, 600);
  $light-theme: mat-dark-theme($light-primary, …
Run Code Online (Sandbox Code Playgroud)

css themes angular-material angular

15
推荐指数
3
解决办法
1万
查看次数

Angular 2 Material中的粘性页脚

我一直在搜索和搜索大约3个小时,因为我不想要问,但我怎么能在底部保留一个"页脚"变量,而不是像固定在底部,所以如果我的内容是非常小,它不会只是坐在页面中间,但如果我有很多信息,它将不会锁定在页面的底部,并在滚动时坐在那里数据

我尝试了几种方法,包括:https: //david-kerwick.github.io/2017/01/14/material-2-flex-layout-making-a-sticky-footer.html 以及与此相关的大多数问题已经测试过并且失败了或似乎根本没有工作.

继承我目前的代码:

<div class="content">
  <app-navbar></app-navbar>
  <app-footer></app-footer>
</div>
Run Code Online (Sandbox Code Playgroud)

并且<app-content></app-content>它位于导航栏内,因为导航栏控制整页sidenav.

整个app-navbar看起来像这样:

<mat-sidenav-container fullscreen>

  <mat-sidenav mode="push" #sidenav>
    <div fxLayout="column">
      <mat-toolbar fxLayoutAlign="center center" color="primary">
        <button mat-icon-button routerLink="/home" (click)="sidenav.close()">
          <mat-icon>keyboard_backspace</mat-icon>
        </button>
      </mat-toolbar>
      <button mat-button routerLink="/dashboard" (click)="sidenav.close()" >Information</button>
      <button mat-button routerLink="/second" (click)="sidenav.close()" >Web tools</button>
    </div>
  </mat-sidenav>
  <mat-toolbar color="primary" class="fixed-navbar mat-elevation-z10">
    <button mat-icon-button (click)="sidenav.open()" fxHide="false" fxHide.gt-xs>
      <mat-icon>menu</mat-icon>
    </button>

    <div fxLayout="row">
      <button fxLayout="flex-shrink: 0;" mat-button class="title" style="font-size: 25px;">{{this.title}}</button>
      <button fxShow="false" fxShow.gt-xs mat-button routerLink="/dashboard" [matMenuTriggerFor]="infoMenu">Information</button>
      <button fxShow="false" fxShow.gt-xs mat-button routerLink="/second" [matMenuTriggerFor]="toolsMenu">Web tools</button> …
Run Code Online (Sandbox Code Playgroud)

flexbox material-design angular-material2 angular

6
推荐指数
2
解决办法
1万
查看次数

Angular Material页面内容不滚动内容?

编辑问题是路由器动画强制"固定"位置,如果我禁用动画它修复它,但我想使用动画所以我试图弄清楚如何解决这个问题.这是被调用的动画代码强制'固定'从而破坏滚动:

function slideToBottom() {
  return trigger('routerTransition', [
    state('void', style({position:'fixed', width:'100%', height:'100%'}) ),
    state('*', style({position:'fixed', width:'100%', height:'100%'}) ),
    transition(':enter', [
      style({transform: 'translateY(-100%)'}),
      animate('0.5s ease-in-out', style({transform: 'translateY(0%)'}))
    ]),
    transition(':leave', [
      style({transform: 'translateY(0%)'}),
      animate('0.5s ease-in-out', style({transform: 'translateY(100%)'}))
    ])
  ]);
}
Run Code Online (Sandbox Code Playgroud)

我正在着陆页上工作,但我不能为我的生活弄清楚为什么它拒绝滚动,这是组件HTML:

<div class="primaryColorBG" style="height:60%;">
  <div fxFlex fxLayoutAlign="center center">
    <div [ngStyle]="{'fontSize': '3rem'}" [ngStyle.lt-md]="{'fontSize': '2rem'}" [ngStyle.lt-sm]="{'fontSize': '1.5rem'}"  class="text-right title-font accentTextColor">Callum<br>Tech</div>
    <div style="padding-left:10px;" [ngStyle]="{'fontSize': '2rem'}" [ngStyle.lt-md]="{'fontSize': '1.25rem'}" [ngStyle.lt-sm]="{'fontSize': '0.9rem'}">
      <div class="text-left">Angular Framework</div>
      <div class="text-left">Google Design Standards</div>
      <div class="text-left">Responsive Layout</div>
    </div>
  </div>
</div>
<div
     fxLayout="column"
     fxLayoutAlign="center" …
Run Code Online (Sandbox Code Playgroud)

css twitter-bootstrap angular-material angular

6
推荐指数
1
解决办法
1180
查看次数

检查哪些程序正在播放音频?

我正在制作一个程序,我想找到正在播放音频的程序并将其静音,这样您听到的都是我的。

(这是程序的一个选项,没有恶意)

我查了一下,似乎找不到一种方法来检查哪些程序正在播放音频(就像 Windows 一样)

我没有任何尝试此操作的代码示例,因为 id 不知道。

如果有人错过了阅读或者我没有正确说出上面的句子,我想找到每个正在播放音频的进程,然后杀死静音该进程

c# audio process

5
推荐指数
1
解决办法
1730
查看次数

使用C#设置流程“图像名称”和“描述”

我想尽可能详细地介绍这个问题,以便于理解和理解。 answer-able

本质上,我需要一种在应用程序启动时使用C#设置进程名称进程描述方法

这是我想要更改的示例;

注意:我想用CODE设置OWN C#应用程序图像和描述。

例

我希望能够在启动时在我的应用程序中更改以下内容。 Image Name在“进程”列表以及Description“进程”列表中。到目前为止,在我的C#应用​​程序中,我可以使用属性设置进程名称,但id可以使用某种代码片段(以及说明)进行设置

我希望这是一个信息问题,您在stackoverflow上的聪明人可以为您提供帮助。

c# process

4
推荐指数
1
解决办法
7943
查看次数

24 小时时间的正则表达式

我找到了一个仅接受 24 小时时间的工作表达式,但我的问题是它会接受之前和之后的内容,例如字符

  • awf23:59fawf
  • 23:59gfes
  • 123:59 全部接受,我想停止允许这种情况,只接受我的声明中的 HH:MM:

if (preg_match_all("~((2[0-3]|[01][1-9]|10):([0-5][0-9]))~", $time)) {

php regex

4
推荐指数
1
解决办法
2万
查看次数

使垫纸图像中的所有图像大小相同,但可以正确缩放

通常这不是问题,但是只有Material 2的Atm文档数量很少,因此我无法使所有图像具有相同的大小,但是可以通过更改窗口来正确调整大小

我当时创建的所有图像的大小都非常相似,但是在高度上要长一些,但是我的旧代码只是通过一些bootstrap调用进行了调整。

但是在垫层卡中使用图像时,图像的长度较长,因此看起来与此处显示的位置不符:

在此处输入图片说明

BAC计算器的图像比其余图像更长,因此看起来不适当,将其他图像推到不适当的位置,或者强制一个空单元格,这是我要求显示的图像:

<div *ngIf="data;else other_content">
    <div class="row">
      <div *ngFor="let project of data" class="col-md-6">
        <div>
          <mat-card class="mat-elevation-z4">
            <mat-card-header>
              <div mat-card-avatar class="example-header-image"></div>
              <mat-card-title>{{project.title}}</mat-card-title>
              <mat-card-subtitle>{{project.category}}</mat-card-subtitle>
              <div class="grow-empty"></div>
              <div *ngIf="project.source">
                <button mat-raised-button (click)="openSite(project.source)">SOURCE</button>
              </div>
            </mat-card-header>
            <img mat-card-image src="{{project.image}}" alt="{{project.title}}">
            <mat-card-content>
              <p>
                {{project.detail  | slice:0:250}}...
              </p>
            </mat-card-content>
            <mat-card-actions>
              <button mat-raised-button>Information</button>
            </mat-card-actions>
          </mat-card>
        </div>
        <br>
      </div>
    </div>
  </div>
Run Code Online (Sandbox Code Playgroud)

如果我将高度设置为“ 300”之类的静态值,从技术上讲它可以解决问题,但重新缩放只会破坏它

我希望它是固定的比例,但是要拍摄任何图像并放大/缩小它以坐下,并使其适合卡本身的大小(例如Callum.Tech卡)

css twitter-bootstrap angular-material2 angular

3
推荐指数
1
解决办法
2万
查看次数

设置菜单样式

我有很多麻烦,明显的解决方案不起作用或我做错了(可能是后者).

我想要设计我mat-menu和我的风格,我mat-menu-item试过这样做:

::ng-deep .mat-menu{
  background-color:red;
}
Run Code Online (Sandbox Code Playgroud)

但它不起作用,我的菜单看起来像这样(没有任何abornomal)

<mat-menu #infoMenu="matMenu">
  <button mat-menu-item>
    <mat-icon>dialpad</mat-icon>
    <span>Resume</span>
  </button>
  <button mat-menu-item>
    <mat-icon>voicemail</mat-icon>
    <span>Portfolio</span>
  </button>
  <button mat-menu-item>
    <mat-icon>notifications_off</mat-icon>
    <span>References</span>
  </button>
  <button mat-menu-item>
    <mat-icon>notifications_off</mat-icon>
    <span>Contact</span>
  </button>
</mat-menu>
Run Code Online (Sandbox Code Playgroud)

我也试过/深/但我知道不应该工作,实际上应该在Angular 4中折旧,但我做了测试,我不知道如何在这一点上设置元素的样式.

css sass angular-material2 angular

2
推荐指数
3
解决办法
2万
查看次数

启动时强制启动应用程序

我正在为我的孩子创造一个类似信息亭的环境。我的应用程序扫描并杀死了很多游戏进程,因为他们不能玩 M 或以上评级的游戏,因为它们很年轻,禁用任务管理器,因为它们不需要或使用它。但我需要一种方法,我可以运行此应用程序一次,然后它会复制/添加自身以自动启动。谢谢 :)

哦,不,我不想让我的应用程序成为 Windows 服务。

可以轻松编辑注册表或添加到启动文件夹的东西。

c#

1
推荐指数
1
解决办法
1万
查看次数

HTML列表不会居中

http://jsfiddle.net/pfW2v/39/

<ul style="text-align: center;list-style-type: none;margin: 1;padding: 0;display:inline-block;">
<li style="list-style-position:inside;font: 200 18px/1.5 Helvetica, Verdana, sans-serif;border-bottom: 6px solid #00ff09;width: 80px;">
    <a href="a">TopDave25</a> 1000</li>
<li style="font: 200 15px/1.5 Helvetica, Verdana, sans-serif;border-bottom: 6px solid #00a806;width: 80px;">
    <a href="b">Masterchief36</a> 400</li>
<li style="font: 200 10px/1.5 Helvetica, Verdana, sans-serif;border-bottom: 6px solid #0d6b1d;width: 120px;">
    <a href="#">Your Username!</a>
</li>
Run Code Online (Sandbox Code Playgroud)

上面是一个显示我的列表的链接,我必须使用内联HTML(不能使用CSS样式表或<style>HTML,但是text-align: center;什么也没做,我尝试使用Google搜索,但似乎不想居中

html css

1
推荐指数
1
解决办法
119
查看次数

垫菜单主题颜色不变

我的主题都完美运行,但由于某种原因,我的 mat-menu 只会以任何默认调用的主题为主题,而不是其他主题。所以为了不破坏它的主题我必须打电话 @include angular-material-theme($dark-theme);

在 styles.scss 的顶部,然后设置我设置的自定义类,默认情况下加载我的灯光,如下所示:

import {OverlayContainer} from "@angular/cdk/overlay";

@Component({
    selector: 'app-navbar',
    templateUrl: './navbar.component.html',
    styleUrls: ['./navbar.component.scss']
})
export class NavbarComponent implements OnInit, AfterViewInit {
    title:string = "Callum.Tech";

    themeClass: string = "light-theme";

    overlay;

    constructor(
        private overlayContainer: OverlayContainer
    ) {
        this.overlay = overlayContainer;
    }

    setDarkTheme(): void {
        this.themeClass = "dark-theme";
    }

    setLightTheme(): void {
        this.themeClass = "light-theme";
    }

    ngOnInit() {
        this.overlay.themeClass = this.themeClass;
    }
}
Run Code Online (Sandbox Code Playgroud)

其他所有内容都将重新主题并正常工作,而无需调用我提到的开始包含,但 mat-menu 会出现故障,仅使用在网站启动时提供的第一个主题,并且不会随主题的其余部分而改变。

这是在 styles.scss 开头调用的深色主题和正常加载的浅色主题的样子

在此输入图像描述

这里是选择的深色主题,但在 styles.scss 开始时未调用深色主题:

在此输入图像描述

css typescript angular-material2 angular

1
推荐指数
1
解决办法
2791
查看次数

FileNotFound异常,但文件在那里

没有太多的解释,因为我没有合理的解释为什么这不起作用:s 在此输入图像描述

只是为了确认,这是一个'jpeg'文件扩展,名称是正确的,我没有看到任何其他问题,为什么它将无法找到.

c# image file

0
推荐指数
1
解决办法
177
查看次数