close

Ag obair le hÍomhánna agus Ilmheáin i Flutter

In Flutter, tá roghanna éagsúla agat chun oibriú le híomhánna agus ilmheán, lena n-áirítear íomhánna ón líonra a thaispeáint, méideanna íomhánna a shaincheapadh, físeáin agus fuaime a thaispeáint, agus caching feidhmíocht fheabhsaithe a bharrfheabhsú. Seo thíos na sonraí agus liosta tréithe:

Íomhánna ón Líonra á dtaispeáint

Chun íomhánna ón líonra a thaispeáint, is féidir leat an Image.network() ghiuirléid a úsáid. Ligeann an ghiuirléid seo duit íomhánna ó URL a luchtú agus a thaispeáint.

Sampla:

Image.network(  
  'https://example.com/image.jpg',  
  width: 200, // Set the width of the image  
  height: 100, // Set the height of the image  
  fit: BoxFit.cover, // Adjust how the image resizes to fit the widget size  
  loadingBuilder:(BuildContext context, Widget child, ImageChunkEvent loadingProgress) {  
    if(loadingProgress == null) {  
      return child; // Display the image when loading is complete  
    } else {  
      return Center(  
        child: CircularProgressIndicator(  
          value: loadingProgress.expectedTotalBytes != null ? loadingProgress.cumulativeBytesLoaded / loadingProgress.expectedTotalBytes: null,  
       ),  
     ); // Display loading progress  
    }  
  },  
  errorBuilder:(BuildContext context, Object error, StackTrace stackTrace) {  
    return Text('Unable to load image'); // Display an error message when an error occurs  
  },  
)

Íomhánna ó Shócmhainní a Thaispeáint san Aip

Más mian leat íomhánna ó shócmhainní san aip a thaispeáint, amhail íomhánna a chuirtear san assets fhillteán, úsáideann tú an Image.asset() ghiuirléid.

Sampla:

Image.asset(  
  'assets/image.jpg',  
  width: 200,  
  height: 100,  
)

Físeáin agus Fuaime á dtaispeáint

Chun físeáin agus fuaime a thaispeáint i Flutter, is féidir leat giuirléidí cosúil le VideoPlayer agus AudioPlayer. Ar dtús, ní mór duit na forlíontáin chuí a chur leis an pubspec.yaml gcomhad.

Sampla:

// VideoPlayer- requires adding the video_player plugin  
VideoPlayerController _controller;  
_controller = VideoPlayerController.network('https://example.com/video.mp4');  
VideoPlayer(_controller);  
  
// AudioPlayer- requires adding the audioplayers plugin  
AudioPlayer _player;  
_player = AudioPlayer();  
_player.setUrl('https://example.com/audio.mp3');  
_player.play();

Íomhá agus Ilmheáin a bharrfheabhsú Caching

Chun feidhmíocht aipe a bharrfheabhsú agus chun am luchtaithe a laghdú, is féidir leat caching leabharlanna a úsáid le haghaidh íomhánna agus ilmheán i Flutter. Is samplaí coitianta iad cached_network_image d’íomhánna líonra agus cached_audio_player d’fhuaim.

Sampla ag úsáid cached_network_image:

CachedNetworkImage(  
  imageUrl: 'https://example.com/image.jpg',  
  placeholder:(context, url) => CircularProgressIndicator(), // Display loading progress  
  errorWidget:(context, url, error) => Icon(Icons.error), // Display an error message when an error occurs  
)

 

Conclúid:

Flutter soláthraíonn sé giuirléidí cumhachtacha a éascaíonn oibriú le híomhánna agus ilmheán. Trí na giuirléidí seo a úsáid agus tréithe a shaincheapadh, is féidir leat íomhánna, físeáin agus fuaime a thaispeáint ar bhealach solúbtha agus feidhmíocht d'aip á bharrfheabhsú.