android - My layout is crashed after Picasso loads images [UPDATED] -

-

i'm trying build customized image layout looks following, 4 a's indicate 1 imageview.

aabc aade

when tried draw layout default src attributes, or when put placeholder options on picasso, layout rendered without problem. however, while picasso gradually lazy-loads each image, layout crashed this. (the space below a blank space.)

abc  de

how can maintain original layout picasso's lazy loading? customsquareimageview custom class extends imageview draw squared imageview.

partoflayout.xml

<linearlayout     android:id="@+id/set_profile_profile_photos_layout"     android:layout_width="match_parent"     android:layout_height="wrap_content"     android:baselinealigned="false">      <linearlayout         android:layout_width="wrap_content"         android:layout_height="wrap_content"         android:layout_weight="1"         android:orientation="horizontal">          <customsquareimageview             android:id="@+id/set_profile_profile_photos_first"             android:layout_width="wrap_content"             android:layout_height="wrap_content"             android:scaletype="centercrop"             android:src="@drawable/profile" />      </linearlayout>      <linearlayout         android:layout_width="wrap_content"         android:layout_height="wrap_content"         android:layout_weight="1"         android:orientation="vertical">          <linearlayout             android:layout_width="wrap_content"             android:layout_height="wrap_content">              <customsquareimageview                 android:id="@+id/set_profile_profile_photos_second"                 android:layout_width="0dp"                 android:layout_height="wrap_content"                 android:layout_weight="1"                 android:scaletype="centercrop"                 android:src="@drawable/profile" />              <customsquareimageview                 android:id="@+id/set_profile_profile_photos_third"                 android:layout_width="0dp"                 android:layout_height="wrap_content"                 android:layout_weight="1"                 android:scaletype="centercrop"                 android:src="@drawable/profile" />          </linearlayout>          <linearlayout             android:layout_width="wrap_content"             android:layout_height="wrap_content">              <customsquareimageview                 android:id="@+id/set_profile_profile_photos_fourth"                 android:layout_width="0dp"                 android:layout_height="wrap_content"                 android:layout_weight="1"                 android:scaletype="centercrop"                 android:src="@drawable/profile" />              <customsquareimageview                 android:id="@+id/set_profile_profile_photos_fifth"                 android:layout_width="wrap_content"                 android:layout_height="wrap_content"                 android:layout_weight="1"                 android:scaletype="centercrop"                 android:src="@drawable/profile" />          </linearlayout>      </linearlayout>  </linearlayout>

partoffragment.java

@override public void onviewcreated(view view, @nullable bundle savedinstancestate) {     super.onviewcreated(view, savedinstancestate);     try {         jsonarray profilephotos = new jsonarray(mprofile.getprofileimages());         if (!profilephotos.get(0).tostring().isempty()) {             picasso.with(getactivity()).load(profilephotos.get(0).tostring()).                     placeholder(r.drawable.profile).into(mprofilephotofirst);         }     } catch (jsonexception e) {          e.printstacktrace();     } }

updated

the answer author here using .fit().centercrop() placeholder solve problem "in end", in process picasso loading images, layout temporarily crashed because each image in different sizes. (after loads image successfully, layout looks good.)

how can load images without crashing layout in middle? want loaded images not disturb layout inserted directly layout centercrop state.

because used linearlayouts image frame, had set layout_width of linearlayouts match_parent, not wrap_content or 0dp android studio suggested.

my new xml looks this.

newpartoflayout.xml

<linearlayout     android:id="@+id/set_profile_profile_photos_layout"     android:layout_width="match_parent"     android:layout_height="wrap_content"     android:baselinealigned="false">      <linearlayout         android:layout_width="match_parent"         android:layout_height="wrap_content"         android:layout_weight="1"         android:orientation="horizontal">          <customsquareimageview             android:id="@+id/set_profile_profile_photos_first"             android:layout_width="wrap_content"             android:layout_height="wrap_content"             android:scaletype="centercrop"             android:src="@drawable/profile" />      </linearlayout>      <linearlayout         android:layout_width="match_parent"         android:layout_height="wrap_content"         android:layout_weight="1"         android:orientation="vertical">          <linearlayout             android:layout_width="match_parent"             android:layout_height="wrap_content">              <customsquareimageview                 android:id="@+id/set_profile_profile_photos_second"                 android:layout_width="match_parent"                 android:layout_height="wrap_content"                 android:layout_weight="1"                 android:scaletype="centercrop"                 android:src="@drawable/profile" />              <customsquareimageview                 android:id="@+id/set_profile_profile_photos_third"                 android:layout_width="match_parent"                 android:layout_height="wrap_content"                 android:layout_weight="1"                 android:scaletype="centercrop"                 android:src="@drawable/profile" />          </linearlayout>          <linearlayout             android:layout_width="match_parent"             android:layout_height="wrap_content">              <customsquareimageview                 android:id="@+id/set_profile_profile_photos_fourth"                 android:layout_width="match_parent"                 android:layout_height="wrap_content"                 android:layout_weight="1"                 android:scaletype="centercrop"                 android:src="@drawable/profile" />              <customsquareimageview                 android:id="@+id/set_profile_profile_photos_fifth"                 android:layout_width="match_parent"                 android:layout_height="wrap_content"                 android:layout_weight="1"                 android:scaletype="centercrop"                 android:src="@drawable/profile" />          </linearlayout>      </linearlayout>  </linearlayout>

Comments

Post a Comment

Popular posts from this blog

node.js - Mongoose: Cast to ObjectId failed for value on newly created object after setting the value -

-
this question has answer here: what's mongoose error cast objectid failed value xxx @ path “_id”? 7 answers even though has been asked many times because entity has no valid objectid field. i came across situation objectid set value can casted objectid still error. the schema: var serviceschema = parammongoose.schema({ servicename:{ type: parammongoose.schema.types.objectid , ref: 'servicenames',required:true } }); pseudo code: servicefromdb=new service({servicename:'some name'}); servicefromdb.servicename='000000000000000000000001'; servicefromdb.save(function(paramerror,paramdata){ if(paramerror){ console.log('but but...',servicefromdb,paramerror) } }); the output of code is: but but... { servicename: 000000000000000000000001, _id: 55079a90286f49280364f78b } { [casterror: cast objectid faile...
Read more

how does one get csharp-sqlite to throw exceptions for duplicates or foreign key constraint violations -

-
i making use of csharp-sqlite. in sqlite database have uniqueness , foreign key constraints. when write "duplicate" table exception not raised , way found check exception use following: var error = sqlitecommand.getlasterror(); i hoping able following: var sqlstring = "some insert sql"; var command = sqlitecommand(sqlstring); command.parameters.add(... parameter...); using (var sqlconnection = new sqliteconnection(connectionstring)) { try { command.executenonquery(); } catch (exception ex) { exception } { sqlconnection.close(); } } the "catch" block never hit, though var error = sqlitecommand.getlasterror(); does return description of error expecting. have idea how solve this, or standard practice using csharp-sqlite library?
Read more

Simple Angular 2 project fails 'Unexpected reserved word' -

-
i trying create simple angular2 project based on ng2do project. using quickstart , have following code... <script src="js/quickstart/dist/es6-shim.js"></script> .... import {component, template, bootstrap, foreach} 'js/quickstart/angular2/angular2'; this gives me following error... uncaught syntaxerror: unexpected reserved word what missing? don't know if helps have been having issues day realised because starting code script reference <script src="app.js"> </script> instead of using <script> system.import('app'); </script> hope helps using in tsconfig { "version": "1.5.0-beta", "compileroptions": { "target": "es6", "module": "amd", "declaration": false, "noimplicitany": false, "removecomments": true, "nolib": fal...
Read more