tdesign-flutter/tdesign-component/example/lib/page/td_font_page.dart at develop · runoob-coder/tdesign-flutter · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
import 'package:flutter/material.dart';
import 'package:tdesign_flutter/tdesign_flutter.dart';

import '../../annotation/demo.dart';
import '../../base/example_widget.dart';

/// 字体示例页面
class TDFontPage extends StatelessWidget {
  const TDFontPage({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return ExamplePage(
        padding: const EdgeInsets.all(8),
        title: tdTitle(context),
        exampleCodeGroup: 'fonts',
        children: [
          ExampleModule(title: 'Token', children: [
            ExampleItem(
                ignoreCode: true,
                builder: (context) {
                  var children = <Widget>[];
                  TDTheme.of(context).fontMap.forEach((key, value) {
                    children.add(Container(
                      padding: const EdgeInsets.symmetric(vertical: 8),
                      decoration: BoxDecoration(
                        border: Border(
                          bottom: BorderSide(
                              color: TDTheme.of(context).componentBorderColor,
                              width: 0.5),
                        ),
                      ),
                      child: TDText(
                        '@$key:${value.size.toInt()}px',
                        font: value,

                        /// link类型的示例添加下划线
                        style: TextStyle(
                            decoration: key.contains('Link')
                                ? TextDecoration.underline
                                : null,
                            decorationColor:
                                TDTheme.of(context).textColorPrimary),
                      ),
                    ));
                  });
                  return ListView(
                    shrinkWrap: true,
                    physics: const NeverScrollableScrollPhysics(),
                    children: children,
                  );
                })
          ]),
        ],
        test: [
          ExampleItem(
            desc: '字体测试',
            ignoreCode: true,
            builder: (context) {
              return Column(
                // spacing: 16,
                children: [
                  TDText(
                    '使用主题字体：fontBodySmall',
                    font: TDTheme.of(context).fontBodySmall,
                  ),
                  const SizedBox(height: 16),
                  TDText(
                    '使用主题字体：fontBodyLarge',
                    font: TDTheme.of(context).fontBodyLarge,
                  ),
                  const SizedBox(height: 16),
                  TDText(
                    '不使用数字字体：1234567890abcd',
                    font: TDTheme.defaultData().fontTitleSmall,
                    textColor: TDTheme.of(context).brandNormalColor,
                  ),
                  const SizedBox(height: 16),
                  TDText(
                    '使用数字字体：1234567890abcd',
                    font: TDTheme.defaultData().fontTitleSmall,
                    textColor: TDTheme.of(context).brandNormalColor,
                    fontFamily: TDTheme.defaultData().numberFontFamily,
                  )
                ],
              );
            },
          ),
          ExampleItem(
            desc: '字符测试 - 待修复',
            ignoreCode: true,
            builder: (context) {
              return Column(
                // spacing: 16,
                children: [
                  TDText(
                    '延14字号',
                    style: const TextStyle(fontSize: 14),
                    font: TDTheme.of(context).fontMarkLarge,
                  ),
                  const SizedBox(height: 16),
                  TDText(
                    '延15字号',
                    style: const TextStyle(fontSize: 15),
                    font: TDTheme.of(context).fontMarkLarge,
                  ),
                  const SizedBox(height: 16),
                  TDText(
                    '延16字号',
                    style: const TextStyle(fontSize: 16),
                    font: TDTheme.of(context).fontMarkLarge,
                  ),
                  const SizedBox(height: 16),
                  TDText(
                    '延17字号',
                    style: const TextStyle(fontSize: 17),
                    font: TDTheme.of(context).fontMarkLarge,
                  ),
                  const SizedBox(height: 16),
                  TDText(
                    '延18字号',
                    style: const TextStyle(fontSize: 18),
                    font: TDTheme.of(context).fontMarkLarge,
                  ),
                  const SizedBox(height: 16),
                  const Text('延-系统字体16字号', style: TextStyle(fontSize: 18)),
                  const SizedBox(height: 16),
                  const Text('延-系统字体18字号', style: TextStyle(fontSize: 18))
                ],
              );
            },
          ),
        ]);
  }
}