在编辑文本Android中预览图像

时间:2017-03-24 18:03:18

标签: android

这是我打算做的事。

  1. 从要上传的图库中选择图像
  2. 在上传之前,请在var errors = req.validationErrors(); if(errors){ res.render('register' ,{ errors:errors }) }else{ var newUser = {first_name,last_name, role,email,password,company,role} request({ url: "http://127.0.0.1:8000/v1/dashboard/register/", method: "POST", json: true, // <--Very important!!! body: newUser }, function (error, response, body){ var status = response.statusCode; console.log(typeof(status)); if (status = '400'){ req.flash('error_mesg', 'A User with this name already exisit !!') }); }
  3. 中显示预览

    我坚持如何预览图像。 在<EditText>之前调用<ImageView>,但完全覆盖了<EditText>,我无法使用文本栏。

    有什么想法? Idea类似于Whatsapp <EditText>中的网址预览。

    编辑

    这是我当前的xml看起来像

    This is what my current xml looks like

    如您所见,我选择了我的图像有一个<EditText>。 选择图像后,图像预览应该出现在<ImageButton>

    现在问题清楚了吗?

1 个答案:

答案 0 :(得分:1)

即使用户在“EditText”中看到它,也不一定要在其中。要回答一下。

假设你的xml看起来像这样:

<RelativeLayout
..../>
   <ImageButton/>
   <EditText/>
   <Button/>
</RelativeLayout>

你可以这样做:

<RelativeLayout
..../>
   <ImageButton/>
   <RelativeLayout>
       <ImageView
           android:id="@+id/imageView"/>
       <EditText
           android:bellow="@id/imageView"/>
   </RelativeLayout>
   <Button/>
</RelativeLayout>

您可以将ImageView的可见性设置为GONE,并仅在您想要显示它时(用户选择了照片)使其可见。你仍然需要设置元素的样式,使它们看起来很好,并为UX目的做一些其他的调整。

同样,根据您的需要,您可以使用LinearLayout替换内部RelativeLayout。