2021-09-07 17:36:50 +03:00
|
|
|
|
package rui
|
|
|
|
|
|
|
|
|
|
import (
|
|
|
|
|
"fmt"
|
|
|
|
|
"strings"
|
|
|
|
|
)
|
|
|
|
|
|
|
|
|
|
const (
|
|
|
|
|
// NoneFit - value of the "object-fit" property of an ImageView. The replaced content is not resized
|
|
|
|
|
NoneFit = 0
|
|
|
|
|
// ContainFit - value of the "object-fit" property of an ImageView. The replaced content
|
|
|
|
|
// is scaled to maintain its aspect ratio while fitting within the element’s content box.
|
|
|
|
|
// The entire object is made to fill the box, while preserving its aspect ratio, so the object
|
|
|
|
|
// will be "letterboxed" if its aspect ratio does not match the aspect ratio of the box.
|
|
|
|
|
ContainFit = 1
|
|
|
|
|
// CoverFit - value of the "object-fit" property of an ImageView. The replaced content
|
|
|
|
|
// is sized to maintain its aspect ratio while filling the element’s entire content box.
|
|
|
|
|
// If the object's aspect ratio does not match the aspect ratio of its box, then the object will be clipped to fit.
|
|
|
|
|
CoverFit = 2
|
|
|
|
|
// FillFit - value of the "object-fit" property of an ImageView. The replaced content is sized
|
|
|
|
|
// to fill the element’s content box. The entire object will completely fill the box.
|
|
|
|
|
// If the object's aspect ratio does not match the aspect ratio of its box, then the object will be stretched to fit.
|
|
|
|
|
FillFit = 3
|
|
|
|
|
// ScaleDownFit - value of the "object-fit" property of an ImageView. The content is sized as
|
|
|
|
|
// if NoneFit or ContainFit were specified, whichever would result in a smaller concrete object size.
|
|
|
|
|
ScaleDownFit = 4
|
|
|
|
|
)
|
|
|
|
|
|
|
|
|
|
// ImageView - image View
|
|
|
|
|
type ImageView interface {
|
|
|
|
|
View
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
type imageViewData struct {
|
|
|
|
|
viewData
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// NewImageView create new ImageView object and return it
|
|
|
|
|
func NewImageView(session Session, params Params) ImageView {
|
|
|
|
|
view := new(imageViewData)
|
|
|
|
|
view.Init(session)
|
|
|
|
|
setInitParams(view, params)
|
|
|
|
|
return view
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
func newImageView(session Session) View {
|
|
|
|
|
return NewImageView(session, nil)
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// Init initialize fields of imageView by default values
|
|
|
|
|
func (imageView *imageViewData) Init(session Session) {
|
|
|
|
|
imageView.viewData.Init(session)
|
|
|
|
|
imageView.tag = "ImageView"
|
|
|
|
|
//imageView.systemClass = "ruiImageView"
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
func (imageView *imageViewData) normalizeTag(tag string) string {
|
|
|
|
|
tag = strings.ToLower(tag)
|
|
|
|
|
switch tag {
|
|
|
|
|
case "source":
|
|
|
|
|
tag = Source
|
|
|
|
|
|
|
|
|
|
case VerticalAlign:
|
|
|
|
|
tag = ImageVerticalAlign
|
|
|
|
|
|
|
|
|
|
case HorizontalAlign:
|
|
|
|
|
tag = ImageHorizontalAlign
|
|
|
|
|
|
2021-11-20 11:15:28 +03:00
|
|
|
|
case altTag:
|
2021-09-07 17:36:50 +03:00
|
|
|
|
tag = AltText
|
|
|
|
|
}
|
|
|
|
|
return tag
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
func (imageView *imageViewData) Remove(tag string) {
|
|
|
|
|
imageView.remove(imageView.normalizeTag(tag))
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
func (imageView *imageViewData) remove(tag string) {
|
|
|
|
|
imageView.viewData.remove(tag)
|
2021-11-20 11:15:28 +03:00
|
|
|
|
if imageView.created {
|
|
|
|
|
switch tag {
|
|
|
|
|
case Source:
|
|
|
|
|
updateProperty(imageView.htmlID(), "src", "", imageView.session)
|
|
|
|
|
removeProperty(imageView.htmlID(), "srcset", imageView.session)
|
2021-09-07 17:36:50 +03:00
|
|
|
|
|
2021-11-20 11:15:28 +03:00
|
|
|
|
case AltText:
|
|
|
|
|
updateInnerHTML(imageView.htmlID(), imageView.session)
|
2021-09-07 17:36:50 +03:00
|
|
|
|
|
2021-11-20 11:15:28 +03:00
|
|
|
|
case ImageVerticalAlign, ImageHorizontalAlign:
|
|
|
|
|
updateCSSStyle(imageView.htmlID(), imageView.session)
|
|
|
|
|
}
|
2021-09-07 17:36:50 +03:00
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
func (imageView *imageViewData) Set(tag string, value interface{}) bool {
|
|
|
|
|
return imageView.set(imageView.normalizeTag(tag), value)
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
func (imageView *imageViewData) set(tag string, value interface{}) bool {
|
|
|
|
|
if value == nil {
|
|
|
|
|
imageView.remove(tag)
|
|
|
|
|
return true
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
switch tag {
|
|
|
|
|
case Source:
|
|
|
|
|
if text, ok := value.(string); ok {
|
|
|
|
|
imageView.properties[Source] = text
|
2021-11-20 11:15:28 +03:00
|
|
|
|
if imageView.created {
|
|
|
|
|
updateProperty(imageView.htmlID(), "src", text, imageView.session)
|
|
|
|
|
if srcset := imageView.srcSet(text); srcset != "" {
|
|
|
|
|
updateProperty(imageView.htmlID(), "srcset", srcset, imageView.session)
|
|
|
|
|
} else {
|
|
|
|
|
removeProperty(imageView.htmlID(), "srcset", imageView.session)
|
|
|
|
|
}
|
2021-09-07 17:36:50 +03:00
|
|
|
|
}
|
2021-11-20 11:15:28 +03:00
|
|
|
|
imageView.propertyChangedEvent(Source)
|
2021-09-07 17:36:50 +03:00
|
|
|
|
return true
|
|
|
|
|
}
|
2021-11-20 11:15:28 +03:00
|
|
|
|
notCompatibleType(Source, value)
|
2021-09-07 17:36:50 +03:00
|
|
|
|
|
|
|
|
|
case AltText:
|
|
|
|
|
if text, ok := value.(string); ok {
|
|
|
|
|
imageView.properties[AltText] = text
|
2021-11-20 11:15:28 +03:00
|
|
|
|
if imageView.created {
|
|
|
|
|
updateInnerHTML(imageView.htmlID(), imageView.session)
|
|
|
|
|
}
|
|
|
|
|
imageView.propertyChangedEvent(Source)
|
2021-09-07 17:36:50 +03:00
|
|
|
|
return true
|
|
|
|
|
}
|
|
|
|
|
notCompatibleType(tag, value)
|
|
|
|
|
|
|
|
|
|
default:
|
|
|
|
|
if imageView.viewData.set(tag, value) {
|
2021-11-20 11:15:28 +03:00
|
|
|
|
if imageView.created {
|
|
|
|
|
switch tag {
|
|
|
|
|
case ImageVerticalAlign, ImageHorizontalAlign:
|
|
|
|
|
updateCSSStyle(imageView.htmlID(), imageView.session)
|
|
|
|
|
}
|
2021-09-07 17:36:50 +03:00
|
|
|
|
}
|
|
|
|
|
return true
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
return false
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
func (imageView *imageViewData) Get(tag string) interface{} {
|
|
|
|
|
return imageView.viewData.get(imageView.normalizeTag(tag))
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
func (imageView *imageViewData) srcSet(path string) string {
|
|
|
|
|
if srcset, ok := resources.imageSrcSets[path]; ok {
|
|
|
|
|
buffer := allocStringBuilder()
|
|
|
|
|
defer freeStringBuilder(buffer)
|
|
|
|
|
for i, src := range srcset {
|
|
|
|
|
if i > 0 {
|
|
|
|
|
buffer.WriteString(", ")
|
|
|
|
|
}
|
|
|
|
|
buffer.WriteString(src.path)
|
|
|
|
|
buffer.WriteString(fmt.Sprintf(" %gx", src.scale))
|
|
|
|
|
}
|
|
|
|
|
return buffer.String()
|
|
|
|
|
}
|
|
|
|
|
return ""
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
func (imageView *imageViewData) htmlTag() string {
|
|
|
|
|
return "img"
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/*
|
|
|
|
|
func (imageView *imageViewData) closeHTMLTag() bool {
|
|
|
|
|
return false
|
|
|
|
|
}
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
|
|
func (imageView *imageViewData) htmlProperties(self View, buffer *strings.Builder) {
|
|
|
|
|
imageView.viewData.htmlProperties(self, buffer)
|
|
|
|
|
imageResource := GetImageViewSource(imageView, "")
|
|
|
|
|
if imageResource != "" {
|
|
|
|
|
buffer.WriteString(` src="`)
|
|
|
|
|
buffer.WriteString(imageResource)
|
|
|
|
|
buffer.WriteString(`"`)
|
|
|
|
|
if srcset := imageView.srcSet(imageResource); srcset != "" {
|
|
|
|
|
buffer.WriteString(` srcset="`)
|
|
|
|
|
buffer.WriteString(srcset)
|
|
|
|
|
buffer.WriteString(`"`)
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
func (imageView *imageViewData) cssStyle(self View, builder cssBuilder) {
|
|
|
|
|
imageView.viewData.cssStyle(self, builder)
|
|
|
|
|
|
|
|
|
|
if value, ok := enumProperty(imageView, Fit, imageView.session, 0); ok {
|
|
|
|
|
builder.add("object-fit", enumProperties[Fit].cssValues[value])
|
|
|
|
|
} else {
|
|
|
|
|
builder.add("object-fit", "none")
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
vAlign := GetImageViewVerticalAlign(imageView, "")
|
|
|
|
|
hAlign := GetImageViewHorizontalAlign(imageView, "")
|
|
|
|
|
if vAlign != CenterAlign || hAlign != CenterAlign {
|
|
|
|
|
var position string
|
|
|
|
|
switch hAlign {
|
|
|
|
|
case LeftAlign:
|
|
|
|
|
position = "left"
|
|
|
|
|
case RightAlign:
|
|
|
|
|
position = "right"
|
|
|
|
|
default:
|
|
|
|
|
position = "center"
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
switch vAlign {
|
|
|
|
|
case TopAlign:
|
|
|
|
|
position += " top"
|
|
|
|
|
case BottomAlign:
|
|
|
|
|
position += " bottom"
|
|
|
|
|
default:
|
|
|
|
|
position += " center"
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
builder.add("object-position", position)
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// GetImageViewSource returns the image URL of an ImageView subview.
|
|
|
|
|
// If the second argument (subviewID) is "" then a left position of the first argument (view) is returned
|
|
|
|
|
func GetImageViewSource(view View, subviewID string) string {
|
|
|
|
|
if image, ok := stringProperty(view, Source, view.Session()); ok {
|
|
|
|
|
return image
|
|
|
|
|
}
|
|
|
|
|
return ""
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// GetImageViewAltText returns an alternative text description of an ImageView subview.
|
|
|
|
|
// If the second argument (subviewID) is "" then a left position of the first argument (view) is returned
|
|
|
|
|
func GetImageViewAltText(view View, subviewID string) string {
|
|
|
|
|
if text, ok := stringProperty(view, AltText, view.Session()); ok {
|
|
|
|
|
return text
|
|
|
|
|
}
|
|
|
|
|
return ""
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// GetImageViewFit returns how the content of a replaced ImageView subview:
|
|
|
|
|
// NoneFit (0), ContainFit (1), CoverFit (2), FillFit (3), or ScaleDownFit (4).
|
|
|
|
|
// If the second argument (subviewID) is "" then a left position of the first argument (view) is returned
|
|
|
|
|
func GetImageViewFit(view View, subviewID string) int {
|
|
|
|
|
if value, ok := enumProperty(view, Fit, view.Session(), 0); ok {
|
|
|
|
|
return value
|
|
|
|
|
}
|
|
|
|
|
return 0
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// GetImageViewVerticalAlign return the vertical align of an ImageView subview: TopAlign (0), BottomAlign (1), CenterAlign (2)
|
|
|
|
|
// If the second argument (subviewID) is "" then a left position of the first argument (view) is returned
|
|
|
|
|
func GetImageViewVerticalAlign(view View, subviewID string) int {
|
|
|
|
|
if align, ok := enumProperty(view, ImageVerticalAlign, view.Session(), LeftAlign); ok {
|
|
|
|
|
return align
|
|
|
|
|
}
|
|
|
|
|
return CenterAlign
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// GetImageViewHorizontalAlign return the vertical align of an ImageView subview: LeftAlign (0), RightAlign (1), CenterAlign (2)
|
|
|
|
|
// If the second argument (subviewID) is "" then a left position of the first argument (view) is returned
|
|
|
|
|
func GetImageViewHorizontalAlign(view View, subviewID string) int {
|
|
|
|
|
if align, ok := enumProperty(view, ImageHorizontalAlign, view.Session(), LeftAlign); ok {
|
|
|
|
|
return align
|
|
|
|
|
}
|
|
|
|
|
return CenterAlign
|
|
|
|
|
}
|