summaryrefslogblamecommitdiffstats
path: root/native/src/widget/image.rs
blob: b253b1b813fa71fbd06c42c49eec4c9ac7d6c8b9 (plain) (tree)
1
2
3
4
5
6
7
8
9
10
                                          
               
                       
 
                 
                  
                    


                                                                                
 
                    
 




                                                              
                                     
                             
     
                                                                    
       
   
                                                                                                                                                
                      
                          
                   

                   
                    

 
                            
                                                    
                                                    
               
                                  

                                   
                                     



                                                   





                                                    



                                                     






                                               
 
 
                                                                           
     

                                               
 







                                




                                
                                              
                                                                
                                                                
 

                                                                      

                                

















                                                                              




                                
                                 
                           
                                
                              
       




                                                                            
                                     
 
                                                







                                                








                                                         


                                               

                                                     
 
                                




                                

                                                       
     

                                               
 
                                                                     


                           
//! Display images in your user interface.
pub mod viewer;
pub use viewer::Viewer;

use crate::image;
use crate::layout;
use crate::renderer;
use crate::{
    ContentFit, Element, Hasher, Layout, Length, Point, Rectangle, Size, Widget,
};

use std::hash::Hash;

/// A frame that displays an image while keeping aspect ratio.
///
/// # Example
///
/// ```
/// # use iced_native::widget::Image;
/// # use iced_native::image;
/// #
/// let image = Image::<image::Handle>::new("resources/ferris.png");
/// ```
///
/// <img src="https://github.com/iced-rs/iced/blob/9712b319bb7a32848001b96bd84977430f14b623/examples/resources/ferris.png?raw=true" width="300">
#[derive(Debug, Hash)]
pub struct Image<Handle> {
    handle: Handle,
    width: Length,
    height: Length,
    fit: ContentFit,
}

impl<Handle> Image<Handle> {
    /// Creates a new [`Image`] with the given path.
    pub fn new<T: Into<Handle>>(handle: T) -> Self {
        Image {
            handle: handle.into(),
            width: Length::Shrink,
            height: Length::Shrink,
            fit: ContentFit::Contain,
        }
    }

    /// Sets the width of the [`Image`] boundaries.
    pub fn width(mut self, width: Length) -> Self {
        self.width = width;
        self
    }

    /// Sets the height of the [`Image`] boundaries.
    pub fn height(mut self, height: Length) -> Self {
        self.height = height;
        self
    }

    /// Sets the image fit
    ///
    /// Defaults to [`ContentFit::Contain`]
    pub fn fit(self, fit: ContentFit) -> Self {
        Self { fit, ..self }
    }
}

impl<Message, Renderer, Handle> Widget<Message, Renderer> for Image<Handle>
where
    Renderer: image::Renderer<Handle = Handle>,
    Handle: Clone + Hash,
{
    fn width(&self) -> Length {
        self.width
    }

    fn height(&self) -> Length {
        self.height
    }

    fn layout(
        &self,
        renderer: &Renderer,
        limits: &layout::Limits,
    ) -> layout::Node {
        // The raw w/h of the underlying image
        let (width, height) = renderer.dimensions(&self.handle);
        let image_size = Size::new(width as f32, height as f32);

        // The size to be available to the widget prior to `Shrink`ing
        let raw_size = limits
            .width(self.width)
            .height(self.height)
            .resolve(image_size);

        // The uncropped size of the image when fit to the bounds above
        let full_size = self.fit.fit(image_size, raw_size);

        // Shrink the widget to fit the resized image, if requested
        let final_size = Size {
            width: match self.width {
                Length::Shrink => f32::min(raw_size.width, full_size.width),
                _ => raw_size.width,
            },
            height: match self.height {
                Length::Shrink => f32::min(raw_size.height, full_size.height),
                _ => raw_size.height,
            },
        };

        layout::Node::new(final_size)
    }

    fn draw(
        &self,
        renderer: &mut Renderer,
        _style: &renderer::Style,
        layout: Layout<'_>,
        _cursor_position: Point,
        _viewport: &Rectangle,
    ) {
        // The raw w/h of the underlying image
        let (width, height) = renderer.dimensions(&self.handle);
        let image_size = Size::new(width as f32, height as f32);

        let adjusted_fit = self.fit.fit(image_size, layout.bounds().size());
        let bounds = layout.bounds();

        let render = |renderer: &mut Renderer| {
            renderer.draw(
                self.handle.clone(),
                Rectangle {
                    width: adjusted_fit.width,
                    height: adjusted_fit.height,
                    ..layout.bounds()
                },
            )
        };

        if adjusted_fit.width > bounds.width
            || adjusted_fit.height > bounds.height
        {
            renderer.with_layer(layout.bounds(), render);
        } else {
            render(renderer)
        }
    }

    fn hash_layout(&self, state: &mut Hasher) {
        struct Marker;
        std::any::TypeId::of::<Marker>().hash(state);

        self.handle.hash(state);
        self.width.hash(state);
        self.height.hash(state);
    }
}

impl<'a, Message, Renderer, Handle> From<Image<Handle>>
    for Element<'a, Message, Renderer>
where
    Renderer: image::Renderer<Handle = Handle>,
    Handle: Clone + Hash + 'a,
{
    fn from(image: Image<Handle>) -> Element<'a, Message, Renderer> {
        Element::new(image)
    }
}