APPEREANCE-BACKGROUND-SUB-HUD

[dido]

Overview
The goal is to create easy way to manipulate page/frame background properties via sub hud.

Task requirements

• For type combo box (defines the type of the background "none", "solid", "gradient", "image")
• Remove pattern option
• This combo box controls the appearance of color chooser, gradient chooser and image chooser (defined on the state). Leave color chooser and gradient chooser as they are. In case of selecting image leave the control that appear the same, but instead of opening file chooser, let it open sub hud.

• Add sub hud for the background inside appearance hud. Add the following items inside it:

• Resource chooser - combo box that contain default selected item "none", second item "<browse...>" (open file chooser when selected), and list of available appropriate resources that are linked or embed inside the current book. (same as book properties resource chooser)
• Image style combo box - combo box that controls the way the image paint itself. Values are the following:

o Stretch - the default one. Stretches the image in order to fit and fill the entire frame content.
o [OPTIONAL] "Center" - image placed with no scale in the center of the frame. NOTE: Cutting could occur. NOTE: there is no actual reason to remove offsets(see below) for this, so it actually may not be centered, better name needed here.
o Tile - tiles the image.

• [OPTIONAL] Scale label - label that indicates the controls beneath him
• [OPTIONAL] Scale text input - Allows the user to scale the image. Only active if the "Stretch" style is not selected, else it's disabled. The default value is 100(%).

• [OPTIONAL] Rotation label - label that indicates the controls beneath him
  • [OPTIONAL] Rotation text field - controls the angle of rotation (min value -360 and max value 360)
  • [OPTIONAL] Rotation point controller - nine check boxes ordered in square.
  • [OPTIONAL] Offset label - label that indicates the controls beneath him
  • [OPTIONAL] Offset controller - two text fields that define the offset of the background, one for x and one for y with labels in front of them (same as the one for frame position ).

[pap]

• Done with analysis

[pap]

• Accepted but
  • The tickets are no more in all capital letters
  • This should be about image/pattern bacground. The way it is called is misleading.
  • Too much optional things ... maybe some of the ideas should be written somewhere else because when this ticket is implemented they will almost be lost.

[deyan]

Batch update from file query.csv

[deyan]

Batch update from file active_tickets.csv

[stefan]

Working branch for this ticket is pap/image_hud.
All the obligatory requirements are fulfilled and following optional ones:

• Scale label - label that indicates the controls beneath him
• Scale text input - Allows the user to scale the image. Only active if the "Stretch" style is not selected, else it's disabled. The default value is 100(%).
• Offset label - label that indicates the controls beneath him
• Offset controller - two text fields that define the offset of the background, one for x and one for y with labels in front of them (same as the one for frame position ).

The list of the files that are changed and the changes itself in order to provide the required functionality for this task are as follows:

• ImagePicketHud (org.sophie2.main.app.halos.huds.appearance) - This class is added to be used instead of the file dialog that used to be when choosing image file/resource type as background. Same time BackgroundImageField and BackgroundPatternField are removed, because their functionality is provided by ImagePicketHud (and few other functionalities).
  • ImagePickerHud.ImageHudTitleBar - the tittle bar for the hud.
  • ImagePickerHud.ImageChooser - an extension of ResourceChooser class that is used for importing image files. Important (needed) methods when extending ResourceChooser:

    @Override
    protected ResourceH getParentResource() {
    	BookView parent = AppViewUtil.getCurrentBookView(this);
    	if (parent != null && parent.model().get() != null) {
    		return parent.model().get();
    	}
    	return null;
    }
    @Override
    public ResourceH getSelectedResource() {
    	StyledElementH styler = AppearanceHud.getStyleHelper(this);
    	AppearanceHud hud = BaseVisualElement.findParentElement(this, AppearanceHud.class);
    			
    	if (styler == null || hud == null) {
    		return null;
    	}
    	
    	ResourceRefR4 imageRef = styler.getBackgroundImageRef();
    	if (imageRef == null || ResourceRefR4.NONE_REF.equals(imageRef)) {
    		return getEmptyItem();
    	}
    	
    	ResourceAccess selectedAccess = hud.access().get().open(imageRef, null);
    	return ResourceH.getHelper(selectedAccess, ImageResourceH.class);
    }
    

    • ImagePickerHud.ImageChooser.ImageChooserLogic - ON_IMAGE_SUBMIT handles the submits of new or chosen existing image from the ImageChooser.
  • ImagePickerHud.ImagePatternChooser - a ComboBox that is used for choosing between the kinds of the patterns (at the moment only TILED and STRETCHED are available).
  • ImagePickerHud.OffsetTitleBar - tittle for the offset control.
  • ImagePickerHud.ImageOffsetXField - a BoundTextField used to get desired offser of the X (horizontal) axis. (bounds of the vaules are [-1500, +1500] - they are desided in FrameH.MIN_POSIOTION and FrameH.MAX_POSIOTION). This field is only available if the PatternType is not STRECHED.
  • ImagePickerHud.ImageOffsetYField - a BoundTextField used to get desired offser of the Y (vertical) axis. (bounds of the vaules are [-1500, +1500] - they are desided in FrameH.MIN_POSIOTION and FrameH.MAX_POSIOTION). This field is only available if the PatternType is not STRECHED.
  • ImagePickerHud.ScaleTitleBar - title bar for the scaling control.
  • ImagePickerHud.ImageScaleField - a BoundTextFieldused to get desired scale of the image that is used as a background (default value 100%, available range 0-100%). This field is only available if the PatternType is not STRECHED.
  • ImagePickerHud.ImageBackgroundChooserLogic - defining of the operations for handling the pattern type change, offset change or scale change. They contain simple logic - using AutoAction to change the adequate key:
    • ON_IMAGE_PATTERN_SUBMIT - pattern submit.
    • ON_IMAGE_SIZE_SUBMIT - scale submit.
    • ON_IMAGE_X_LOCATION_SUBMIT - change horizontal offset.
    • ON_IMAGE_Y_LOCATION_SUBMIT - change vertical offset.
• ImmPattern(org.sophie2.base.commons.util) - This class has minor changes in the logic that computes the background itself. changes are:

  public void fill(Graphics2D g2d, Shape shape) {
  	if (this.options.getType() == PatternType.TILED ) {
  		g2d.setPaint(getPaint());
  		g2d.fill(shape);
  	} else if (this.options.getType() == PatternType.STRETCHED ) {
  		Rectangle rec = shape.getBounds();
  		g2d.drawImage(this.pattern.toBufferedImage(), rec.x, rec.y, rec.width,
  		rec.height, null);
  	} else {
  		throw new IllegalStateException("Unknown pattern type");
  	}
  }
  
  private TexturePaint getPaint() {
  	if (this.paint == null ) {
  	Dimension dim = new Dimension((int) (this.pattern.getWidth() * getOptions().getSize()),
                           (int) (this.pattern.getHeight() * getOptions().getSize()));
  	getOptions().getSize());
  	this.paint = new TexturePaint(this.pattern.toBufferedImage(),
                           new Rectangle(getOptions().getOffset().toPoint(), dim));
          }		
  	return this.paint;
  }
  

  • ImmPatern.PatternOptions - only filed size/scale field is added to provide scalability of the image (as demonstrated in the code above).
• BackgroundType (org.sophie2.base.model.book)- there is nothing added here, but PATTERN option is deleted.
• PatternTypePersister - simple enum persister for PatternType.
• PatternOptionsPersister - persister for PatternOptions. It uses PatternTypePersister.
• PatternOptionsPersisterTest - test used for testing the implementation of the PatternOptionsPersister:

  /**
   * Persister for {@link PatternOptions} values.
   * @author stefan
   *
   */
  public class PatternOptionsPersister extends RefToStoragePersister<ImmPattern.PatternOptions> {
  
  	/**
  	 * Default constructor for the persister.
  	 * 
  	 * @throws NullPointerException
  	 */
  	public PatternOptionsPersister() throws NullPointerException {
  		super(PatternOptions.class);
  	}
  
  	@Override
  	public void persist(final ValueRef<PatternOptions> source, Storage target, PersistenceOptions options)
  			throws IOException, IncorrectFormatException {
  		
  		ValueRef<PatternType> patternTypeRef = new ValueRef<PatternType>() {
  			@Override
  			public PatternType getInitial() {
  				return source.get().getType();
  			}
  		};
  		
  		MasterPersister.persist(patternTypeRef, target.child("pattern-type"),
  				options, PersistenceUtil.getStorageR3Schema(PatternType.class));
  
  		ValueRef<Float> rotationAngleRef = new ValueRef<Float>() {
  			@Override
  			public Float getInitial() {
  				return source.get().getRotationAngle();
  			}
  		};
  		
  		MasterPersister.persist(rotationAngleRef, target.child("rotation-angle"),
  				options, PersistenceUtil.getStorageR3Schema(Float.class));
  		
  		ValueRef<ImmPoint> offsetRef = new ValueRef<ImmPoint>() {
  			@Override
  			public ImmPoint getInitial() {
  				return source.get().getOffset();
  			}
  		};
  		
  		MasterPersister.persist(offsetRef, target.child("offset"),
  				options, PersistenceUtil.getStorageR3Schema(ImmPoint.class));
  		
  		ValueRef<Float> sizeRef = new ValueRef<Float>() {
  			@Override
  			public Float getInitial() {
  				return source.get().getSize();
  			}
  		};
  		
  		MasterPersister.persist(sizeRef, target.child("size"),
  				options, PersistenceUtil.getStorageR3Schema(Float.class));
  
  		if (options.isLoadMode()) {
  			source.set(new PatternOptions(patternTypeRef.get(), rotationAngleRef.get(), offsetRef.get(), sizeRef.get()));
  		}
  	}
  }
  

Design related code:

• [8802]
• [8820]
• [8821]