Table of Contents

Class ImageViewer

Namespace
BootstrapBlazor.Components
Assembly
BootstrapBlazor.dll

Image 组件

public class ImageViewer : BootstrapModuleComponentBase, IComponent, IHandleAfterRender, IHandleEvent, IAsyncDisposable
Inheritance
ImageViewer
Implements
Inherited Members
Extension Methods

Constructors

ImageViewer() 

public ImageViewer()

Properties

Alt

获得/设置 原生 alt 属性 默认 null 未设置

[Parameter]
public string? Alt { get; set; }

Property Value

string

ErrorTemplate

获得/设置 错误模板 默认 null 未设置

[Parameter]
public RenderFragment? ErrorTemplate { get; set; }

Property Value

RenderFragment

FileIcon

获得/设置 图片文件图标

[Parameter]
public string? FileIcon { get; set; }

Property Value

string

FitMode

获得/设置 原生 object-fit 属性 默认 fill 未设置

[Parameter]
public ObjectFitMode FitMode { get; set; }

Property Value

ObjectFitMode

HandleError

获得/设置 加载失败时是否显示错误占位符 默认 false

[Parameter]
public bool HandleError { get; set; }

Property Value

bool

IsAsync

获得/设置 图片是否异步加载

[Parameter]
public bool IsAsync { get; set; }

Property Value

bool

IsIntersectionObserver

获得/设置 是否交叉监听 默认 false

[Parameter]
public bool IsIntersectionObserver { get; set; }

Property Value

bool

Remarks

不可见时不加载图片，当图片即将可见时才开始加载图片

OnErrorAsync

获得/设置 图片加载失败时回调方法

[Parameter]
public Func<string, Task>? OnErrorAsync { get; set; }

Property Value

Func<string, Task>

OnLoadAsync

获得/设置 图片加载成功时回调方法

[Parameter]
public Func<string, Task>? OnLoadAsync { get; set; }

Property Value

Func<string, Task>

PlaceHolderTemplate

获得/设置 占位模板 未设置 Url 或者 正在加载时显示 默认 null 未设置

[Parameter]
public RenderFragment? PlaceHolderTemplate { get; set; }

Property Value

RenderFragment

PreviewIndex

获得/设置 预览大图当前链接集合点开的索引 默认为 0

[Parameter]
public int PreviewIndex { get; set; }

Property Value

int

PreviewList

获得/设置 预览大图链接集合 默认 null

[Parameter]
public List<string>? PreviewList { get; set; }

Property Value

List<string>

ShowPlaceHolder

获得/设置 是否显示占位符 适用于大图片加载 默认 false

[Parameter]
public bool ShowPlaceHolder { get; set; }

Property Value

bool

Url

获得/设置 图片 Url 默认 null 必填

[Parameter]
[EditorRequired]
public string? Url { get; set; }

Property Value

string

ZIndex

获得/设置 原生 z-index 属性 默认 2050

[Parameter]
public int ZIndex { get; set; }

Property Value

int

Methods

BuildRenderTree(RenderTreeBuilder) 

protected override void BuildRenderTree(RenderTreeBuilder __builder)

Parameters

__builder RenderTreeBuilder

InvokeInitAsync()

call JavaScript method

protected override Task InvokeInitAsync()

Returns

Task

OnAfterRenderAsync(bool) 

protected override Task OnAfterRenderAsync(bool firstRender)

Parameters

firstRender bool

Returns

Task

OnParametersSet() 

protected override void OnParametersSet()