mbk-lab
/
rui
forked from mbk-lab/rui_orig
2
0
Fork 0
Code Pull Requests Activity

Added support for height and width range in media styles

This commit is contained in:
anoshenko 2023-05-26 20:08:25 +03:00
parent 3d44aa3ba3
commit 600f56d8ea
4 changed files with 235 additions and 93 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
CHANGELOG.md
View File

@ -10,6 +10,8 @@
"color-changed", "number-changed", "date-changed", and "time-changed" events.
Old format is "<listener>(<view>, <new value>)", new format is "<listener>(<view>, <new value>, <old value>)"
* Changed FocusView function
* Added support for height and width range in media styles.
Changed MediaStyle, SetMediaStyle, and MediaStyles functions of Theme interface
* Bug fixing
# v0.12.0

28
README-ru.md
View File

@ -5509,9 +5509,19 @@ Safari и Firefox.
* ":portrait" или ":landscape" - соответственно стили для портретного или ландшафтного режима программы.
Внимание имеется ввиду соотношение сторон окна программы, а не экрана.
* ":width<размер>" - стили для экрана ширина которого не превышает заданный размер в логических пикселях.
* ":width<минимальная ширина>-<максимальная ширина>" - стили для экрана ширина которого находится в заданном в логических пикселях диапазоне.
* ":width<максимальная ширина>" - стили для экрана ширина которого не превышает заданную величину в логических пикселях.
* ":width<минимальная ширина>-" - стили для экрана ширина которого больше заданной величины в логических пикселях.
* ":height<минимальная высота>-<максимальная высота>" - стили для экрана высота которого находится в заданном в логических пикселях диапазоне.
* ":height<максимальная высота>" - стили для экрана высота которого не превышает заданную величину в логических пикселях.
* ":height<минимальная высота>-" - стили для экрана высота которого больше заданной величины в логических пикселях.
* ":height<размер>" - стили для экрана высота которого не превышает заданный размер в логических пикселях.
Например
@ -5543,7 +5553,19 @@ Safari и Firefox.
width = 100%,
height = 50%,
},
]
],
styles:portrait:width320-640 = [
samplePage {
width = 90%,
height = 60%,
},
],
styles:portrait:width640- = [
samplePage {
width = 80%,
height = 70%,
},
],
}
## Стандартные константы и стили

26
README.md
View File

@ -5461,9 +5461,17 @@ In addition to general styles, you can add styles for specific work modes. To do
* ":portrait" or ":landscape" are respectively styles for portrait or landscape mode of the program.
Attention means the aspect ratio of the program window, not the screen.
* ":width< size >" are styles for a screen whose width does not exceed the specified size in logical pixels.
* ":width<min-width>-<max-width>" - styles for a screen whose width is in the range specified in logical pixels.
* ":height< size >" are styles for a screen whose height does not exceed the specified size in logical pixels.
* ":width<max-width>" - styles for a screen whose width does not exceed the specified value in logical pixels.
* ":width<min-width>-" - styles for a screen whose width is greater than the specified value in logical pixels.
* ":height<min-height>-<max-height>" - styles for a screen whose height is in the range specified in logical pixels.
* ":height<max-height>" - styles for a screen whose height does not exceed the specified value in logical pixels.
* ":height<minimum-height>-" - styles for a screen whose height is greater than the specified value in logical pixels.
For example
@ -5495,7 +5503,19 @@ For example
width = 100%,
height = 50%,
},
]
],
styles:portrait:width320-640 = [
samplePage {
width = 90%,
height = 60%,
},
],
styles:portrait:width640- = [
samplePage {
width = 80%,
height = 70%,
},
],
}
## Standard constants and styles

272
theme.go
View File

@ -13,11 +13,17 @@ const (
LandscapeMedia = 2
)
type MediaStyleParams struct {
Orientation int
MinWidth int
MaxWidth int
MinHeight int
MaxHeight int
}
type mediaStyle struct {
orientation int
maxWidth int
maxHeight int
styles map[string]ViewStyle
MediaStyleParams
styles map[string]ViewStyle
}
type theme struct {
@ -50,12 +56,12 @@ type Theme interface {
Style(tag string) ViewStyle
SetStyle(tag string, style ViewStyle)
RemoveStyle(tag string)
MediaStyle(tag string, orientation, maxWidth, maxHeight int) ViewStyle
SetMediaStyle(tag string, orientation, maxWidth, maxHeight int, style ViewStyle)
MediaStyle(tag string, params MediaStyleParams) ViewStyle
SetMediaStyle(tag string, params MediaStyleParams, style ViewStyle)
StyleTags() []string
MediaStyles(tag string) []struct {
Selectors string
Orientation, MaxWidth, MaxHeight int
Selectors string
Params MediaStyleParams
}
Append(anotherTheme Theme)
@ -71,7 +77,7 @@ func (rule mediaStyle) cssText() string {
builder := allocStringBuilder()
defer freeStringBuilder(builder)
switch rule.orientation {
switch rule.Orientation {
case PortraitMedia:
builder.WriteString(" and (orientation: portrait)")
@ -79,78 +85,107 @@ func (rule mediaStyle) cssText() string {
builder.WriteString(" and (orientation: landscape)")
}
if rule.maxWidth > 0 {
builder.WriteString(" and (max-width: ")
builder.WriteString(strconv.Itoa(rule.maxWidth))
builder.WriteString("px)")
writeSize := func(tag string, minSize, maxSize int) {
if minSize != maxSize {
if minSize > 0 {
builder.WriteString(fmt.Sprintf(" and (min-%s: %d.001px)", tag, minSize))
}
if maxSize > 0 {
builder.WriteString(fmt.Sprintf(" and (max-%s: %dpx)", tag, maxSize))
}
} else if minSize > 0 {
builder.WriteString(fmt.Sprintf(" and (%s: %dpx)", tag, minSize))
}
}
if rule.maxHeight > 0 {
builder.WriteString(" and (max-height: ")
builder.WriteString(strconv.Itoa(rule.maxHeight))
builder.WriteString("px)")
}
writeSize("width", rule.MinWidth, rule.MaxWidth)
writeSize("height", rule.MinHeight, rule.MaxHeight)
return builder.String()
}
func parseMediaRule(text string) (mediaStyle, bool) {
rule := mediaStyle{
orientation: DefaultMedia,
maxWidth: 0,
maxHeight: 0,
styles: map[string]ViewStyle{},
styles: map[string]ViewStyle{},
}
elements := strings.Split(text, ":")
for i := 1; i < len(elements); i++ {
switch element := elements[i]; element {
case "portrait":
if rule.orientation != DefaultMedia {
if rule.Orientation != DefaultMedia {
ErrorLog(`Duplicate orientation tag in the style section "` + text + `"`)
return rule, false
}
rule.orientation = PortraitMedia
rule.Orientation = PortraitMedia
case "landscape":
if rule.orientation != DefaultMedia {
if rule.Orientation != DefaultMedia {
ErrorLog(`Duplicate orientation tag in the style section "` + text + `"`)
return rule, false
}
rule.orientation = LandscapeMedia
rule.Orientation = LandscapeMedia
default:
elementSize := func(name string) (int, bool) {
elementSize := func(name string) (int, int, bool, error) {
if strings.HasPrefix(element, name) {
size, err := strconv.Atoi(element[len(name):])
if err == nil && size > 0 {
return size, true
var err error = nil
min := 0
max := 0
data := element[len(name):]
if pos := strings.Index(data, "-"); pos >= 0 {
if pos > 0 {
min, err = strconv.Atoi(data[:pos])
}
if err == nil && pos+1 < len(data) {
max, err = strconv.Atoi(data[pos+1:])
}
} else {
max, err = strconv.Atoi(data)
}
ErrorLogF(`Invalid style section name "%s": %s`, text, err.Error())
return 0, false
return min, max, true, err
}
return 0, true
return 0, 0, false, nil
}
if size, ok := elementSize("width"); !ok || size > 0 {
if !ok {
if min, max, ok, err := elementSize("width"); ok {
if err != nil {
ErrorLogF(`Invalid style section name "%s": %s`, text, err.Error())
return rule, false
}
if rule.maxWidth != 0 {
if rule.MinWidth != 0 || rule.MaxWidth != 0 {
ErrorLog(`Duplicate "width" tag in the style section "` + text + `"`)
return rule, false
}
rule.maxWidth = size
} else if size, ok := elementSize("height"); !ok || size > 0 {
if !ok {
if min == 0 && max == 0 {
ErrorLog(`Invalid arguments of "width" tag in the style section "` + text + `"`)
return rule, false
}
if rule.maxHeight != 0 {
rule.MinWidth = min
rule.MaxWidth = max
} else if min, max, ok, err := elementSize("height"); ok {
if err != nil {
ErrorLogF(`Invalid style section name "%s": %s`, text, err.Error())
return rule, false
}
if rule.MinHeight != 0 || rule.MaxHeight != 0 {
ErrorLog(`Duplicate "height" tag in the style section "` + text + `"`)
return rule, false
}
rule.maxHeight = size
if min == 0 && max == 0 {
ErrorLog(`Invalid arguments of "height" tag in the style section "` + text + `"`)
return rule, false
}
rule.MinHeight = min
rule.MaxHeight = max
} else {
ErrorLogF(`Unknown element "%s" in the style section name "%s"`, element, text)
return rule, false
}
@ -284,36 +319,53 @@ func (theme *theme) RemoveStyle(tag string) {
}
}
func (theme *theme) MediaStyle(tag string, orientation, maxWidth, maxHeight int) ViewStyle {
func (theme *theme) MediaStyle(tag string, params MediaStyleParams) ViewStyle {
for _, styles := range theme.mediaStyles {
if styles.orientation == orientation && styles.maxWidth == maxWidth && styles.maxHeight == maxHeight {
if styles.Orientation == params.Orientation &&
styles.MaxWidth == params.MaxWidth &&
styles.MinWidth == params.MinWidth &&
styles.MaxHeight == params.MaxHeight &&
styles.MinHeight == params.MinHeight {
if style, ok := styles.styles[tag]; ok {
return style
}
}
}
if orientation == 0 && maxWidth <= 0 && maxHeight <= 0 {
if params.Orientation == 0 && params.MaxWidth == 0 && params.MinWidth == 0 &&
params.MaxHeight == 0 && params.MinHeight == 0 {
return theme.style(tag)
}
return nil
}
func (theme *theme) SetMediaStyle(tag string, orientation, maxWidth, maxHeight int, style ViewStyle) {
if maxWidth < 0 {
maxWidth = 0
func (theme *theme) SetMediaStyle(tag string, params MediaStyleParams, style ViewStyle) {
if params.MaxWidth < 0 {
params.MaxWidth = 0
}
if maxHeight < 0 {
maxHeight = 0
if params.MinWidth < 0 {
params.MinWidth = 0
}
if params.MaxHeight < 0 {
params.MaxHeight = 0
}
if params.MinHeight < 0 {
params.MinHeight = 0
}
if orientation == DefaultMedia && maxWidth == 0 && maxHeight == 0 {
if params.Orientation == 0 && params.MaxWidth == 0 && params.MinWidth == 0 &&
params.MaxHeight == 0 && params.MinHeight == 0 {
theme.SetStyle(tag, style)
return
}
for i, styles := range theme.mediaStyles {
if styles.orientation == orientation && styles.maxWidth == maxWidth && styles.maxHeight == maxHeight {
if styles.Orientation == params.Orientation &&
styles.MaxWidth == params.MaxWidth &&
styles.MinWidth == params.MinWidth &&
styles.MaxHeight == params.MaxHeight &&
styles.MinHeight == params.MinHeight {
if style != nil {
theme.mediaStyles[i].styles[tag] = style
} else {
@ -325,10 +377,8 @@ func (theme *theme) SetMediaStyle(tag string, orientation, maxWidth, maxHeight i
if style != nil {
theme.mediaStyles = append(theme.mediaStyles, mediaStyle{
orientation: orientation,
maxWidth: maxWidth,
maxHeight: maxHeight,
styles: map[string]ViewStyle{tag: style},
MediaStyleParams: params,
styles: map[string]ViewStyle{tag: style},
})
theme.sortMediaStyles()
}
@ -426,12 +476,12 @@ func (theme *theme) StyleTags() []string {
}
func (theme *theme) MediaStyles(tag string) []struct {
Selectors string
Orientation, MaxWidth, MaxHeight int
Selectors string
Params MediaStyleParams
} {
result := []struct {
Selectors string
Orientation, MaxWidth, MaxHeight int
Selectors string
Params MediaStyleParams
}{}
prefix := tag + ":"
@ -439,13 +489,11 @@ func (theme *theme) MediaStyles(tag string) []struct {
for themeTag := range theme.styles {
if strings.HasPrefix(themeTag, prefix) {
result = append(result, struct {
Selectors string
Orientation, MaxWidth, MaxHeight int
Selectors string
Params MediaStyleParams
}{
Selectors: themeTag[prefixLen:],
Orientation: DefaultMedia,
MaxWidth: 0,
MaxHeight: 0,
Selectors: themeTag[prefixLen:],
Params: MediaStyleParams{},
})
}
}
@ -453,25 +501,21 @@ func (theme *theme) MediaStyles(tag string) []struct {
for _, media := range theme.mediaStyles {
if _, ok := media.styles[tag]; ok {
result = append(result, struct {
Selectors string
Orientation, MaxWidth, MaxHeight int
Selectors string
Params MediaStyleParams
}{
Selectors: "",
Orientation: media.orientation,
MaxWidth: media.maxWidth,
MaxHeight: media.maxHeight,
Selectors: "",
Params: media.MediaStyleParams,
})
}
for themeTag := range media.styles {
if strings.HasPrefix(themeTag, prefix) {
result = append(result, struct {
Selectors string
Orientation, MaxWidth, MaxHeight int
Selectors string
Params MediaStyleParams
}{
Selectors: themeTag[prefixLen:],
Orientation: media.orientation,
MaxWidth: media.maxWidth,
MaxHeight: media.maxHeight,
Selectors: themeTag[prefixLen:],
Params: media.MediaStyleParams,
})
}
}
@ -520,9 +564,11 @@ func (theme *theme) Append(anotherTheme Theme) {
for _, anotherMedia := range another.mediaStyles {
exists := false
for _, media := range theme.mediaStyles {
if anotherMedia.maxHeight == media.maxHeight &&
anotherMedia.maxWidth == media.maxWidth &&
anotherMedia.orientation == media.orientation {
if anotherMedia.MinHeight == media.MinHeight &&
anotherMedia.MaxHeight == media.MaxHeight &&
anotherMedia.MinWidth == media.MinWidth &&
anotherMedia.MaxWidth == media.MaxWidth &&
anotherMedia.Orientation == media.Orientation {
for tag, style := range anotherMedia.styles {
media.styles[tag] = style
}
@ -726,13 +772,19 @@ func (theme *theme) addText(themeText string) bool {
func (theme *theme) sortMediaStyles() {
if len(theme.mediaStyles) > 1 {
sort.SliceStable(theme.mediaStyles, func(i, j int) bool {
if theme.mediaStyles[i].orientation != theme.mediaStyles[j].orientation {
return theme.mediaStyles[i].orientation < theme.mediaStyles[j].orientation
if theme.mediaStyles[i].Orientation != theme.mediaStyles[j].Orientation {
return theme.mediaStyles[i].Orientation < theme.mediaStyles[j].Orientation
}
if theme.mediaStyles[i].maxWidth != theme.mediaStyles[j].maxWidth {
return theme.mediaStyles[i].maxWidth < theme.mediaStyles[j].maxWidth
if theme.mediaStyles[i].MinWidth != theme.mediaStyles[j].MinWidth {
return theme.mediaStyles[i].MinWidth < theme.mediaStyles[j].MinWidth
}
return theme.mediaStyles[i].maxHeight < theme.mediaStyles[j].maxHeight
if theme.mediaStyles[i].MinHeight != theme.mediaStyles[j].MinHeight {
return theme.mediaStyles[i].MinHeight < theme.mediaStyles[j].MinHeight
}
if theme.mediaStyles[i].MaxWidth != theme.mediaStyles[j].MaxWidth {
return theme.mediaStyles[i].MaxWidth < theme.mediaStyles[j].MaxWidth
}
return theme.mediaStyles[i].MaxHeight < theme.mediaStyles[j].MaxHeight
})
}
}
@ -879,7 +931,7 @@ func (theme *theme) String() string {
buffer.WriteString(" = [\n")
for _, tag := range tags {
if style, ok := styles[tag]; ok {
if style, ok := styles[tag]; ok && len(style.AllTags()) > 0 {
buffer.WriteString("\t\t")
writeViewStyle(tag, style, buffer, "\t\t")
buffer.WriteString(",\n")
@ -891,7 +943,53 @@ func (theme *theme) String() string {
writeStyles(0, 0, 0, theme.styles)
for _, media := range theme.mediaStyles {
writeStyles(media.orientation, media.maxWidth, media.maxHeight, media.styles)
//writeStyles(media.orientation, media.maxWidth, media.maxHeight, media.styles)
if count := len(media.styles); count > 0 {
tags := make([]string, 0, count)
for name := range media.styles {
tags = append(tags, name)
}
sort.Strings(tags)
buffer.WriteString("\tstyles")
switch media.Orientation {
case PortraitMedia:
buffer.WriteString(":portrait")
case LandscapeMedia:
buffer.WriteString(":landscape")
}
if media.MinWidth > 0 {
buffer.WriteString(fmt.Sprintf(":width%d-", media.MinWidth))
if media.MaxWidth > 0 {
buffer.WriteString(strconv.Itoa(media.MaxWidth))
}
} else if media.MaxWidth > 0 {
buffer.WriteString(fmt.Sprintf(":width%d", media.MaxWidth))
}
if media.MinHeight > 0 {
buffer.WriteString(fmt.Sprintf(":height%d-", media.MinHeight))
if media.MaxHeight > 0 {
buffer.WriteString(strconv.Itoa(media.MaxHeight))
}
} else if media.MaxHeight > 0 {
buffer.WriteString(fmt.Sprintf(":height%d", media.MaxHeight))
}
buffer.WriteString(" = [\n")
for _, tag := range tags {
if style, ok := media.styles[tag]; ok && len(style.AllTags()) > 0 {
buffer.WriteString("\t\t")
writeViewStyle(tag, style, buffer, "\t\t")
buffer.WriteString(",\n")
}
}
buffer.WriteString("\t],\n")
}
}
buffer.WriteString("}\n")