Question

我试图利用动态图像坐标和增加动态图像规模值,在另一个图像之上传播图像。我雇用了一名Stack人,作为父母的植被,有两个形象的植被是儿童。然而,我面临着使其立场和规模准确一致的挑战。

我附上背景图谱。我需要把另一个形象放在白色空间上。

背景图

第二版图:

图像坐标:-

{
  img_width: 540,  
       img_height: 960,  
       image_coordinates: { 
       width_in_px: 280,  
       height_in_px: 398,  
       top_in_px: 405,  
       left_in_px: 173,  
       width: 51.85,  
       height: 41.46,  
       top: 62.92,  
       left: 57.97,  
       type: box}
}

import  package:flutter/cupertino.dart ;
import  package:flutter/material.dart ;

class EditActivity extends StatefulWidget{
  @override
  _EditActivity createState() => new _EditActivity();
}

class _EditActivity extends State<EditActivity> {

  String image =  https://lh3.googleusercontent.com/a/ACg8ocKeSe_PhCD8mS7RySGmfDcwAcnHbiEXEk5fv4G2fTqbce4=s576-c-no ;
  String bgImage =  https://files.verbs.world/2023/11/13/19/Zf13UiLP8.PNG ;

  String coordinates =   
       img_width: 540,  
       img_height: 960,  
       image_coordinates: { 
       width_in_px: 280,  
       height_in_px: 398,  
       top_in_px: 405,  
       left_in_px: 173,  
       width: 51.85,  
       height: 41.46,  
       top: 62.92,  
       left: 57.97,  
       type: box} ;

  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return Scaffold(
      body: Container(
        width: MediaQuery.of(context).size.width,
        height: MediaQuery.of(context).size.height,
        child: Stack(
          children: [
            
            Container(
              width: 540,
              height: 960,
              child: Image.network(bgImage,fit: BoxFit.fitWidth,),
            ),
            Positioned(left: 173,top: 408 ,child: Container(
              color: Colors.amber,
              width: 280,
              height: 398,
              alignment: Alignment.center,
              child: Image.network(image,fit: BoxFit.cover,width: 280,
                height: 398,
              ),
            ),)

          ],
        ),
      ),
    );
  }
}

我试图利用动态图像坐标和增加动态图像规模值,在另一个图像之上传播图像。我雇用了一名Stack人,作为父母的植被,有两个形象的植被是儿童。然而,我面临着使其立场和规模准确一致的挑战。

Answer 1

改变位置,把胎带走到屋顶上,然后把图像放在底部,使图像更适合你。

class EditActivity extends StatefulWidget {
  const EditActivity({super.key});

  @override
  _EditActivity createState() => _EditActivity();
}

class _EditActivity extends State<EditActivity> {
  String image =
       https://lh3.googleusercontent.com/a/ACg8ocKeSe_PhCD8mS7RySGmfDcwAcnHbiEXEk5fv4G2fTqbce4=s576-c-no ;
  String bgImage =  https://files.verbs.world/2023/11/13/19/Zf13UiLP8.PNG ;

  String coordinates =   
       img_width: 540,  
       img_height: 960,  
       image_coordinates: { 
       width_in_px: 280,  
       height_in_px: 398,  
       top_in_px: 405,  
       left_in_px: 173,  
       width: 51.85,  
       height: 41.46,  
       top: 62.92,  
       left: 57.97,  
       type: box} ;

  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return Scaffold(
      body: SizedBox(
        width: MediaQuery.of(context).size.width,
        height: MediaQuery.of(context).size.height,
        child: Stack(
          children: [
            Padding(
              padding: const EdgeInsets.only(
                left: 92,
                top: 240,
              ),
              child: Center(
                child: Container(
                  color: Colors.amber,
                  width: 280,
                  height: 398,
                  alignment: Alignment.center,
                  child: Image.network(
                    image,
                    fit: BoxFit.cover,
                    width: 280,
                    height: 398,
                  ),
                ),
              ),
            ),
            Center(
              child: SizedBox(
                width: 540,
                height: 960,
                child: Image.network(
                  bgImage,
                  fit: BoxFit.fitWidth,
                ),
              ),
            ),
          ],
        ),
      ),
    );
  }
}

友情链接