

" *" The numeric value displays in the asterisks from the lowest position. Together with the format character portion, it must not exceed 80 characters. The portion which will display data is input with an asterisk "*". When there are no digits to truncate, a value of zero is set. This can only be set when the is or on the tab. Select this option to show values as a 7-segment display.ĭesignate at which digit to truncate (0 to 10). If this option is selected, leading zeros are not displayed.įor example, Number of Display Digits = 4 Select this option to display the numeric value in the center of the part. Select the alignment of the numeric display area's numeric value:, , or. When the is, specify the Address where Decimal Places are stored. The number of decimal places you can set up depends on the. When the Total Display Digits is 5, and the Number of Decimal Places is 2, it will look as follows: When is, select the number of digits after the decimal point. Specify the address where the Decimal Places are stored. Specify a fixed value for the Decimal Places. This setting is available when the is or. Select the designation method for specifying the Decimal Places. However, the decimal point is not included in the display digits. Numbers after the decimal point are included in the display digits. Preview all characters, such as numeric values and symbols, of the selected model.

To create your own segment style (shape), extends SegmentStyle class and implement methodsĬreateHorizontalPath, createVerticalPath, createDiagonalBackwardPath and createDiagonalForwardPath.Depending on the model, you may not be able to use the transparent setting. NOTE: gmentBaseSize * SegmentDisplay.textSize = segmentSize Custom segment styles # segmentBaseSize - size ratio for segments Size(1.0, 2.0) basically means that ratio will be 1:2 (width:length).disabledColor - color of disabled segments.enabledColor - color of enabled segments.To change segment color, size or shape, use segment style.Īnd you can also create or own style (shape) - see custom segment stylesĭisabledColor: const Color(0xFF00FF00).withOpacity(0.15), segmentStyle - style for segments (shape, color.), see segment styleĭisabledColor: (0.15),.backgroundColor - display background color.characterSpacing- space between individual characters.Now in your Dart code, you can use: import 'package:segment_display/segment_display.dart' Check the docs for your editor to learn more. You can install packages from the command line: $ flutter packages getĪlternatively, your editor might support flutter packages get. (decimal point) and : (colon) charactersĪdd this to your package's pubspec.yaml file: dependencies:

Customizable segment shapes (segment styles).

Supports multiple types of segment displays and segment customization.
