Question

我是跨平台开发人员的新手。努力改变FAB的规模。这就是我现在所拥有的：

<ion-fab center middle>
<button ion-fab color="blue" class="fabStartBtn"><ion-icon 
name="start">Start</ion-icon></button>
</ion-fab>  

.fabStartBtn {
font-size: 72px;
}

但尺寸仍然相同。如何访问按钮属性？我试过id，name，＃name，：之前 - 没有工作。

Answer 1

进入您的theme/variables.scss文件并覆盖$fab-size变量，如下所示：

$fab-size: 70px; //Change value to whatever size you want

Answer 2

尝试使用它：

void testhash(){
       HashTable<int> testhashtable1(100);
       std::cout << testhashtable1.find(45) << std::endl;
       testhashtable1.insert(45);
       std::cout << testhashtable1.find(45) << std::endl;
}

如果您使用<ion-fab center bottom> <button ion-fab mini><ion-icon name="add"></ion-icon></button> </ion-fab>属性，则可以使用以下方法修改大小：

mini

如果修改该类，则可以使FAB按钮变大或变小。

Answer 3

如果您想更改晶圆厂的大小，但仍将其居中，请将这些类添加到您的scss中。

ion-fab-button {
   width: 100px;
   height: 100px;
}

.fab-horizontal-center {
   margin-left: unset;
   margin-inline-start: -50px !important;
}

margin-inline-start 必须是宽度的一半。

在此处报告了该错误：https://github.com/ionic-team/ionic-framework/issues/22564

Answer 4

可以在Angular中进行样式绑定甚至动态更改Ion Fab的大小 调整大小后，您必须重新计算并设置左上角位置（使用比率坐标x，y）

<ion-col> <!--parent element-->
 <ion-fab #fab>
  <ion-fab-button
   [style.width]="getDiameter()"
   [style.height]="getDiameter()"

（使用@ViewChild('fab', { read: ElementRef, static: false }) fab: ElementRef;获得元素）

fab.nativeElement.style.left = (x -  this.radius/parentWidth) * 100 + '%';
fab.nativeElement.style.top = (y - this.radius/parentHeight) * 100 + '%';

getDiameter() {
    return this.radius* 2 + 'px'; // radius*2 = diameter
}

（父母可能有style="position: relative;"。）

Answer 5

您可以使用ion-fab-button：

#include <stdio.h>

char getNxtPntdVal(FILE *fPntr) {
char holder;
holder = fgetc(fPntr);
return holder;
}


void writeToFile(char c){
FILE *fpt = fopen("/home/xyz/part2.txt","a");
fputc(c,fpt);
fclose(fpt);
}

int main() {

FILE *filePtr;

char arrChar[50000];
char name[30];
char letter;
char ch;
char ch2;
int charNum=0;
filePtr = fopen("/home/xyz/part1.txt","r");
printf("Letter:");
letter=getchar();



while((ch=fgetc(filePtr))!=EOF){
    if(ch==letter && charNum ==0) {
        ch2 = ch;
        while (ch2 != '\n') {
            printf("%c", ch2);
            writeToFile(ch2);
            ch2 = getNxtPntdVal(filePtr);
        }
        charNum=charNum+1;
        printf("\n");
        writeToFile('\n');

    } else if(ch=='\n') {
        charNum=0;
    }else{
        charNum=charNum+1;
    }
    }
 }

在此处查看文档https://ionicframework.com/docs/api/fab-button

ionic：如何改变FAB图标的大小

5 个答案: