Re-size Image
Private Function
ResizeImage(ByRef image As Image, _
ByVal size As Size, _
Optional ByVal
preserveAspectRatio As Boolean
= True) As Image
Dim
newWidth As Integer
Dim
newHeight As Integer
Try
If
preserveAspectRatio Then
Dim
originalWidth As Integer
= image.Width
Dim
originalHeight As Integer
= image.Height
Dim
percentWidth As Single
= CSng(size.Width) / CSng(originalWidth)
Dim
percentHeight As Single
= CSng(size.Height) / CSng(originalHeight)
Dim
percent As Single
= If(percentHeight < percentWidth, percentHeight,
percentWidth)
newWidth = CInt(originalWidth * percent)
newHeight = CInt(originalHeight * percent)
Else
newWidth = size.Width
newHeight = size.Height
End
If
Dim
newImage As Image
= New Bitmap(newWidth,
newHeight)
Using
graphicsHandle As Graphics
= Graphics.FromImage(newImage)
graphicsHandle.InterpolationMode = InterpolationMode.HighQualityBicubic
graphicsHandle.DrawImage(image,
0, 0, newWidth, newHeight)
End
Using
image = newImage
Return
newImage
Catch
ex As Exception
Throw
End Try
End Function
Crop Image
Public Function
CropBitmap(ByVal bitmap As Bitmap, ByVal cropX As Integer, ByVal cropY As Integer, ByVal cropWidth As Integer, ByVal
cropHeight As Integer)
As Bitmap
Try
Dim
rect As New Rectangle(cropX, cropY, cropWidth, cropHeight)
Dim
cropped As Bitmap
= bitmap.Clone(rect, bitmap.PixelFormat)
Return
cropped
Catch
ex As Exception
Throw
End Try
End Function
Compress Image
Public Shared
Function CompressImageTo16BMP(ByVal img As Image) As Bitmap
Try
Dim bmp
As Bitmap = New Bitmap(img.Width,
img.Height, System.Drawing.Imaging.PixelFormat.Format16bppRgb555)
Dim gr As Graphics = Graphics.FromImage(bmp)
gr.DrawImage(img, New Rectangle(0,
0, img.Width, img.Height))
Return
bmp
Catch
ex As Exception
Throw
End Try
End Function
I'm on the fence about this, while more customization is good, I have a feeling this is a "in-progress" update, it just feels incomplete and half-way there.
ReplyDeleteWe use badge layout for apps on design approvals (visual projects), so the image being displayed is important. Old layout "feels like" it had larger images,
maybe because the images were cropped more loosely so it's easier to tell which project it was at quick glance. Now the image is cropped closer, making it
harder to scan thru at quick glance. I find myself needing to click into the project more often than usual. Which makes the whole user experience less
efficient.
I have a couple suggestions that might make it work better:
1. Increase the height of the window the cover image is being displayed.
2. Let us to choose which image to be displayed as "cover" (like how Pinterest handles cover images of each board, was hoping for this for a long time)
3. Let us adjust which part of the image to show and how tight or loose the crop is (with a fixed window, let us move the image around and maybe enlarge or
shrink it to control what shows thru the window. Pinterest does a limited form of this, which is very useful in making the cover image relevant)
4. Allow Cover Image to be ordered in different hierarchy (currently every element can be ordered differently except the Cover Image, it seems to be stuck
in the 2nd spot, would like the option to set it on another spot in the layout. This one seems like an easy fix, since you guys allow that for every other
element already)
I'm on the fence about this, while more customization is good, I have a feeling this is a "in-progress" update, it just feels incomplete and half-way there.
ReplyDeleteWe use badge layout for apps on design approvals (visual projects), so the image being displayed is important. Old layout "feels like" it had larger images,
maybe because the images were cropped more loosely so it's easier to tell which project it was at quick glance. Now the image is cropped closer, making it
harder to scan thru at quick glance. I find myself needing to click into the project more often than usual. Which makes the whole user experience less
efficient.
I have a couple suggestions that might make it work better:
1. Increase the height of the window the cover image is being displayed.
2. Let us to choose which image to be displayed as "cover" (like how Pinterest handles cover images of each board, was hoping for this for a long time)
3. Let us adjust which part of the image to show and how tight or loose the crop is (with a fixed window, let us move the image around and maybe enlarge or
shrink it to control what shows thru the window. Pinterest does a limited form of this, which is very useful in making the cover image relevant)
4. Allow Cover Image to be ordered in different hierarchy (currently every element can be ordered differently except the Cover Image, it seems to be stuck
in the 2nd spot, would like the option to set it on another spot in the layout. This one seems like an easy fix, since you guys allow that for every other
element already)
I'm on the fence about this, while more customization is good, I have a feeling this is a "in-progress" update, it just feels incomplete and half-way there.
ReplyDeleteWe use badge layout for apps on design approvals (visual projects), so the image being displayed is important. Old layout "feels like" it had larger images,
maybe because the images were cropped more loosely so it's easier to tell which project it was at quick glance. Now the image is cropped closer, making it
harder to scan thru at quick glance. I find myself needing to click into the project more often than usual. Which makes the whole user experience less
efficient.
I have a couple suggestions that might make it work better:
1. Increase the height of the window the cover image is being displayed.
2. Let us to choose which image to be displayed as "cover" (like how Pinterest handles cover images of each board, was hoping for this for a long time)
3. Let us adjust which part of the image to show and how tight or loose the crop is (with a fixed window, let us move the image around and maybe enlarge or
shrink it to control what shows thru the window. Pinterest does a limited form of this, which is very useful in making the cover image relevant)
4. Allow Cover Image to be ordered in different hierarchy (currently every element can be ordered differently except the Cover Image, it seems to be stuck
in the 2nd spot, would like the option to set it on another spot in the layout. This one seems like an easy fix, since you guys allow that for every other
element already)