小编Edr*_*ric的帖子

对文本进行部分着色并使其在 Jetpack Compose 中可单击

对于 XML 中声明的视图,我们可以使用SpannableStringBuilder此处提到的/sf/answers/342818871/ 来为部分字符串着色。

但是使用 JetPack compose,Text我无法仅使用单个Text.

我想要这样的东西。

部分彩色文字

正如您所看到的,只有“注册”文本具有不同的颜色,而且我想让它可点击

这就是我的文本代码目前的样子

Text(text = "Don't have an account? Sign Up",
                        modifier = Modifier.align(Alignment.BottomCenter),
                        style = MaterialTheme.typography.h6,
                        color = MaterialTheme.colors.secondary,
                    )
Run Code Online (Sandbox Code Playgroud)

这在jetpack compose中可能吗?

android kotlin android-jetpack-compose android-compose-textfield

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

Angular-2:根据配置更改favicon图标

我在我的应用程序中呈现动态页面,菜单和其他项目.我还想根据管理员的配置更改favicon.

比方说,例如,如果我的页面加载配置了favicon,xyz.png那么它将显示xyz.png为favicon.

如下图所示,新的图标应替换"测试应用程序"附近的现有图标.现在,它显示默认的图标,如下所示.

默认的favicon


index.html:

<!DOCTYPE html>
<html>
<head>
    <base href="/MyFirstAngular2/" >
    <title>Angular 2</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="shortcut icon" id="appIcon" href="/favicon.ico" type="image/x-icon" />
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet" />
    <link href="css/Site.css" rel="stylesheet" />

    <script src="scripts/jquery-2.2.1.min.js"></script>
    <script src="scripts/bootstrap.min.js"></script>
    <script src="scripts/main/shim.min.js"></script>
    <script src="scripts/main/zone.js"></script>
    <script src="scripts/main/reflect-metadata.js"></script>
    <script src="scripts/main/system.src.js"></script>
    <script src="scripts/system.config.js"></script>
    <script>

        document.SYSTEMJS_CONFIG.map.app = 'scripts/configs';

        document.SYSTEMJS_CONFIG.packages.app = { main: 'application.ts', defaultExtension: 'ts' };

        System.config(document.SYSTEMJS_CONFIG);

        System.import('app').catch(function (err) {
            console.error(err);
        });        
    </script>

</head>
<body>
        <application></application>
</body>
</html> …
Run Code Online (Sandbox Code Playgroud)

favicon angular

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

如何在角形材质中使用输入类型文件

如何在角形材质中使用输入类型文件

嗨,我正在使用棱角材料进行设计。当我在角形材质站点上时,没有输入类型文件元素。任何人都知道这一点。

material-design angular-material angular

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

在"@ angular/material"集合中找不到原理图"materialDashboard"

我试图使用以下命令创建仪表板:

ng generate @angular/material:materialDashboard --name myDashboard
Run Code Online (Sandbox Code Playgroud)

当我执行命令时,它导致错误:

Schematic "materialDashboard" not found in collection
"@angular/material". Error: Schematic "materialDashboard" not found in
collection "@angular/material".
  at SchematicEngine.createSchematic (/Users/xyx/Desktop/Git/question-authoring-platform/node_modules/@angular-devkit/schematics/src/engine/engine.js:155:23)
  at CollectionImpl.createSchematic (/Users/xyx/Desktop/Git/question-authoring-platform/node_modules/@angular-devkit/schematics/src/engine/collection.js:12:29)
  at Object.getSchematic (/Users/xyx/Desktop/Git/question-authoring-platform/node_modules/@angular/cli/utilities/schematics.js:36:23)
  at GenerateCommand.getOptions (/Users/xyx/Desktop/Git/question-authoring-platform/node_modules/@angular/cli/models/schematic-command.js:194:40)
  at GenerateCommand.<anonymous> (/Users/xyx/Desktop/Git/question-authoring-platform/node_modules/@angular/cli/commands/generate.js:38:53)
  at Generator.next (<anonymous>)
  at /Users/xyx/Desktop/Git/question-authoring-platform/node_modules/@angular/cli/commands/generate.js:7:71
  at new Promise (<anonymous>)
  at __awaiter (/Users/xyx/Desktop/Git/question-authoring-platform/node_modules/@angular/cli/commands/generate.js:3:12)
  at GenerateCommand.initialize (/Users/xyx/Desktop/Git/question-authoring-platform/node_modules/@angular/cli/commands/generate.js:30:16)
Run Code Online (Sandbox Code Playgroud)

即使我尝试了其他命令myTablematNavbar

ng generate @angular/material:materialNavbar --name matNavbar
ng generate @angular/material:materialTable --name myTable
Run Code Online (Sandbox Code Playgroud)

上述两个命令发生了同样的错误.我错过了什么吗?

angular-material angular

15
推荐指数
2
解决办法
6773
查看次数

在 Google Play 商店中撰写应用评论的直接链接

我有以下链接:https://play.google.com/store/apps/details? id=com.android.chrome

如果我在 Android 设备上打开此链接,Google Play 商店应用程序就会打开并显示 Google Chrome 应用程序的详细信息。

在 iOS 中,可以?action=write-review向链接添加广告,这不仅会在 App Store 中打开应用程序,还会显示Write a review应用程序的窗口,以便您可以撰写评论,而无需Write review之前单击按钮。

Android 有类似的东西吗?

android google-play

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

滑动时获取Angular Material v2滑块的值

md-slider在组件中使用Angular Material v2

@Component({
  selector: 'ha-light',
  template: `<md-slider min="0" max="1000" step="1" 
             [(ngModel)]="myValue" (change)="onChange()"></md-slider>
             {{myValue}}`,
  styleUrls: ['./light.component.css']
})
export class LightComponent implements OnInit {
  myValue = 500;

  constructor() { }

  ngOnInit() { }

  onChange(){
    console.log(this.myValue);
  }
}
Run Code Online (Sandbox Code Playgroud)

并且myValue只是onChange当我停止滑动并释放鼠标按钮时,才会调用更新和方法.

有没有办法进行myValue更新,并且还有一个函数调用,因为我正在滑动滑块?

我注意到aria-valuenow属性正在改变,因为我正在滑动,但我不太确定如何使用它来满足我的需要(如果可以使用的话).

angular-material2 angular

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

如何在 Material UI 中更改标签宽度

我正在使用 Material UI tabs v0.20.0 以表格格式显示内容。标签占用全宽。我附上了预期和当前输出的屏幕截图。

预期输出 在此处输入图片说明

电流输出 在此处输入图片说明

请让我知道相同的解决方案。

提前致谢

user-interface reactjs material-ui

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

重置分页器第一页角材料

我试图转到mat-paginator的第一页,即重置分页,但不起作用。知道如何解决吗?

我的 html 是这样的

<mat-paginator [length]="itemTotal" [pageIndex]="page" [pageSize]="itemPage" (page)="pageEvent = getPublicationFollowersData($event)">
    </mat-paginator>
Run Code Online (Sandbox Code Playgroud)

打字稿:

   getPublicationFollowersData(event?: PageEvent) {
      this.getPublicationsUser(event.pageIndex);
}
Run Code Online (Sandbox Code Playgroud)

我尝试使用以下方法初始化页面:

this.page = 1
Run Code Online (Sandbox Code Playgroud)

但它不起作用。

pagination angular-material angular angular7

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

无法读取未定义的属性"过滤器"

我收到如下错误:

Cannot read property 'filter' of undefined.
Run Code Online (Sandbox Code Playgroud)

组件模板:

<input #input placeholder="Search" id="search">
<div class="item" *ngFor="let item of data | searchPipe: input.value">
  {{item}}
</div>
Run Code Online (Sandbox Code Playgroud)

管道代码:

@Pipe({
  name: 'searchPipe',
  pure: false
})
export class SearchPipe implements PipeTransform {
  transform(data: any[], searchTerm: string): any[] {
    searchTerm = searchTerm.toUpperCase();
    return data.filter(item => {
      return item.toUpperCase().indexOf(searchTerm) !== -1 
    });
  }
}
Run Code Online (Sandbox Code Playgroud)

是什么导致错误?

typescript angular

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

角度 - 移除垫子扩展面板边框和盒子阴影

有没有办法去除边框,我认为它box-shadowmat-expansion-panel来自Angular材料?我希望它全白,所以你只会看到文字和扩展箭头

<mat-accordion>
 <mat-expansion-panel class="" (opened)="panelOpenState = true"
                   (closed)="panelOpenState = false">

   <mat-expansion-panel-header>

     <mat-panel-title>
       <span class="right">Filter</span>
     </mat-panel-title>

   </mat-expansion-panel-header>

   <p><app-data></app-data></p>

 </mat-expansion-panel>
</mat-accordion>
Run Code Online (Sandbox Code Playgroud)

垫面板

angular-material angular

13
推荐指数
3
解决办法
8135
查看次数