Struct ImageView 

pub struct ImageView<'a, T, C>
where
    T: ImageDrawable<Color = C> + OriginDimensions,
    C: PixelColor,
{
    pub frame: Rectangle,
    pub image: &'a T,
    pub style: ImageViewStyle<C>,
}

Reusable bitmap view similar to UIKit’s UIImageView.

Fields

frame: Rectangle

Outer frame for the view.

image: &'a T

Referenced image content.

style: ImageViewStyle<C>

Shell and alignment style.

Implementations

impl<'a, T, C> ImageView<'a, T, C>

where T: ImageDrawable<Color = C> + OriginDimensions, C: PixelColor,

pub const fn new(frame: Rectangle, image: &'a T) -> Self

Creates a new image view with default styling.

Examples found in repository

examples/text_and_image.rs (lines 24-27)

fn main() {
    let mut canvas = support::NullCanvas::new(Size::new(320, 240));

    let image_data = [
        0xF8, 0x00, 0x07, 0xE0, //
        0x07, 0xE0, 0xF8, 0x00, //
    ];
    let image: ImageRawBE<Rgb565> = ImageRaw::new(&image_data, 2);

    ImageView::new(
        Rectangle::new(Point::new(16, 16), Size::new(72, 72)),
        &image,
    )
    .with_style(
        ImageViewStyle::new()
            .with_alignment(ImageAlignment::Center)
            .with_insets(EdgeInsets::all(8))
            .with_background(Rgb565::new(28, 58, 28))
            .with_border(Rgb565::new(20, 44, 20), 2)
            .with_corner_radius(12),
    )
    .draw(&mut canvas);

    TextView::new(
        Rectangle::new(Point::new(104, 18), Size::new(192, 28)),
        "Faststep",
        TextRunStyle::title(Rgb565::BLACK),
    )
    .with_view_style(
        TextViewStyle::new()
            .with_alignment(TextAlignment::Leading)
            .with_vertical_alignment(TextVerticalAlignment::Center),
    )
    .draw(&mut canvas);

    let spans = [
        TextSpan::new("UIKit-like ", TextRunStyle::body(Rgb565::BLACK)),
        TextSpan::new("embedded UI", TextRunStyle::body_strong(Rgb565::BLUE)),
        TextSpan::new(
            "\nfor devices and simulators",
            TextRunStyle::caption(Rgb565::GREEN),
        ),
    ];
    RichTextView::new(
        Rectangle::new(Point::new(104, 58), Size::new(192, 72)),
        &spans,
    )
    .with_view_style(
        TextViewStyle::new()
            .with_wrap(TextWrap::Multiline)
            .with_insets(EdgeInsets::all(4)),
    )
    .draw(&mut canvas);
}

pub fn with_style(self, style: ImageViewStyle<C>) -> Self

Replaces the view style.

Examples found in repository

examples/text_and_image.rs (lines 28-35)

fn main() {
    let mut canvas = support::NullCanvas::new(Size::new(320, 240));

    let image_data = [
        0xF8, 0x00, 0x07, 0xE0, //
        0x07, 0xE0, 0xF8, 0x00, //
    ];
    let image: ImageRawBE<Rgb565> = ImageRaw::new(&image_data, 2);

    ImageView::new(
        Rectangle::new(Point::new(16, 16), Size::new(72, 72)),
        &image,
    )
    .with_style(
        ImageViewStyle::new()
            .with_alignment(ImageAlignment::Center)
            .with_insets(EdgeInsets::all(8))
            .with_background(Rgb565::new(28, 58, 28))
            .with_border(Rgb565::new(20, 44, 20), 2)
            .with_corner_radius(12),
    )
    .draw(&mut canvas);

    TextView::new(
        Rectangle::new(Point::new(104, 18), Size::new(192, 28)),
        "Faststep",
        TextRunStyle::title(Rgb565::BLACK),
    )
    .with_view_style(
        TextViewStyle::new()
            .with_alignment(TextAlignment::Leading)
            .with_vertical_alignment(TextVerticalAlignment::Center),
    )
    .draw(&mut canvas);

    let spans = [
        TextSpan::new("UIKit-like ", TextRunStyle::body(Rgb565::BLACK)),
        TextSpan::new("embedded UI", TextRunStyle::body_strong(Rgb565::BLUE)),
        TextSpan::new(
            "\nfor devices and simulators",
            TextRunStyle::caption(Rgb565::GREEN),
        ),
    ];
    RichTextView::new(
        Rectangle::new(Point::new(104, 58), Size::new(192, 72)),
        &spans,
    )
    .with_view_style(
        TextViewStyle::new()
            .with_wrap(TextWrap::Multiline)
            .with_insets(EdgeInsets::all(4)),
    )
    .draw(&mut canvas);
}

pub fn draw<D>(&self, display: &mut D)

where D: DrawTarget<Color = C>,

Draws the image view.

Examples found in repository

examples/text_and_image.rs (line 36)

fn main() {
    let mut canvas = support::NullCanvas::new(Size::new(320, 240));

    let image_data = [
        0xF8, 0x00, 0x07, 0xE0, //
        0x07, 0xE0, 0xF8, 0x00, //
    ];
    let image: ImageRawBE<Rgb565> = ImageRaw::new(&image_data, 2);

    ImageView::new(
        Rectangle::new(Point::new(16, 16), Size::new(72, 72)),
        &image,
    )
    .with_style(
        ImageViewStyle::new()
            .with_alignment(ImageAlignment::Center)
            .with_insets(EdgeInsets::all(8))
            .with_background(Rgb565::new(28, 58, 28))
            .with_border(Rgb565::new(20, 44, 20), 2)
            .with_corner_radius(12),
    )
    .draw(&mut canvas);

    TextView::new(
        Rectangle::new(Point::new(104, 18), Size::new(192, 28)),
        "Faststep",
        TextRunStyle::title(Rgb565::BLACK),
    )
    .with_view_style(
        TextViewStyle::new()
            .with_alignment(TextAlignment::Leading)
            .with_vertical_alignment(TextVerticalAlignment::Center),
    )
    .draw(&mut canvas);

    let spans = [
        TextSpan::new("UIKit-like ", TextRunStyle::body(Rgb565::BLACK)),
        TextSpan::new("embedded UI", TextRunStyle::body_strong(Rgb565::BLUE)),
        TextSpan::new(
            "\nfor devices and simulators",
            TextRunStyle::caption(Rgb565::GREEN),
        ),
    ];
    RichTextView::new(
        Rectangle::new(Point::new(104, 58), Size::new(192, 72)),
        &spans,
    )
    .with_view_style(
        TextViewStyle::new()
            .with_wrap(TextWrap::Multiline)
            .with_insets(EdgeInsets::all(4)),
    )
    .draw(&mut canvas);
}