I have two linear layouts inside relative layout.Each linear layout has three pictures in it.thus forming a grid of pictures with three pictures placed horizontally in first linear layout and three in the second below above.As Shown below
My xml code for grid is :
<RelativeLayout
android:id="@+id/picturesLayout"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_below="@+id/titleCaption"
android:layout_marginLeft="20dp"
android:layout_marginRight="20dp"
android:layout_marginTop="10dp" >
<LinearLayout
android:id="@+id/llimages"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:layout_alignLeft="@+id/ivPrimaryProfile"
android:layout_alignRight="@+id/ivPrimaryProfile"
android:layout_below="@+id/ivPrimaryProfile"
android:layout_marginTop="5dp"
>
<RelativeLayout
android:layout_width="60dp"
android:layout_height="60dp"
android:id="@+id/rl2"
android:gravity="center"
>
<ImageView
android:id="@+id/ivProfile2"
android:layout_width="60dp"
android:layout_height="60dp"
android:layout_gravity="center"
android:scaleType="centerCrop"
android:src="@drawable/addphoto" />
<ImageView
android:id="@+id/ivCross2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_alignTop="@+id/ivProfile2"
android:src="@drawable/cross_white"
android:visibility="gone" />
</RelativeLayout>
<View
android:layout_width="wrap_content"
android:layout_height="60dp"
android:layout_weight="1"
/>
<RelativeLayout
android:layout_width="60dp"
android:layout_height="60dp"
android:id="@+id/rl3"
android:gravity="center"
>
<ImageView
android:id="@+id/ivProfile3"
android:layout_width="60dp"
android:layout_height="60dp"
android:layout_gravity="center"
android:scaleType="centerCrop"
android:src="@drawable/addphoto" />
<ImageView
android:id="@+id/ivCross3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="@+id/ivProfile3"
android:layout_alignTop="@+id/ivProfile3"
android:src="@drawable/cross_white"
android:visibility="gone" />
</RelativeLayout>
<View
android:layout_width="wrap_content"
android:layout_height="60dp"
android:layout_weight="1"
/>
<RelativeLayout
android:layout_width="60dp"
android:layout_height="60dp"
android:id="@+id/rl4"
android:gravity="center"
>
<ImageView
android:id="@+id/ivProfile4"
android:layout_width="60dp"
android:layout_height="60dp"
android:layout_gravity="center"
android:scaleType="centerCrop"
android:src="@drawable/addphoto" />
<ImageView
android:id="@+id/ivCross4"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="@+id/ivProfile4"
android:layout_alignTop="@+id/ivProfile4"
android:src="@drawable/cross_white"
android:visibility="gone" />
</RelativeLayout>
</LinearLayout>
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:layout_alignLeft="@+id/ivPrimaryProfile"
android:layout_alignRight="@+id/ivPrimaryProfile"
android:layout_below="@+id/llimages"
android:layout_marginTop="5dp"
>
<RelativeLayout
android:layout_width="60dp"
android:layout_height="60dp"
android:id="@+id/rl5"
android:gravity="center"
>
<ImageView
android:id="@+id/ivProfile5"
android:layout_width="60dp"
android:layout_height="60dp"
android:layout_gravity="center"
android:scaleType="centerCrop"
android:src="@drawable/addphoto" />
<ImageView
android:id="@+id/ivCross5"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="@+id/ivProfile5"
android:layout_alignTop="@+id/ivProfile5"
android:src="@drawable/cross_white"
android:visibility="gone" />
<View
android:layout_width="wrap_content"
android:layout_height="60dp"
android:layout_weight="1"
/>
</RelativeLayout>
<RelativeLayout
android:layout_width="60dp"
android:layout_height="60dp"
android:id="@+id/rl6"
android:gravity="center"
>
<ImageView
android:id="@+id/ivProfile6"
android:layout_width="60dp"
android:layout_height="60dp"
android:layout_gravity="center"
android:scaleType="centerCrop"
android:src="@drawable/addphoto" />
<ImageView
android:id="@+id/ivCross6"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="@+id/ivProfile6"
android:layout_alignTop="@+id/ivProfile6"
android:src="@drawable/cross_white"
android:visibility="gone" />
</RelativeLayout>
<View
android:layout_width="wrap_content"
android:layout_height="60dp"
android:layout_weight="1"
/>
<RelativeLayout
android:layout_width="60dp"
android:layout_height="60dp"
android:id="@+id/rl7"
android:gravity="center"
>
<ImageView
android:id="@+id/ivProfile7"
android:layout_width="60dp"
android:layout_height="60dp"
android:layout_gravity="center"
android:scaleType="centerCrop"
android:src="@drawable/addphoto" />
<ImageView
android:id="@+id/ivCross7"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="@+id/ivProfile7"
android:layout_alignTop="@+id/ivProfile7"
android:src="@drawable/cross_white"
android:visibility="gone" />
</RelativeLayout>
</LinearLayout>
</RelativeLayout>
Problem :
I want images 4,5,6 to translate to image1 position.which is happening but problem is that when i translate any of 4,5,6 image they translate behind image1 (translate animation hides behind top linear layout)
My translate animation is given :
TranslateAnimation anim = new TranslateAnimation( 0, toX - fromX , 0, toY - fromY );
anim.setDuration(500);
anim.setFillAfter( true );
view.startAnimation(anim);
I am sure translate animation code has no issue.something wrong with my layout
Aucun commentaire:
Enregistrer un commentaire