bigger hitbox for alt indicator

closes sk22#353

mastodon/src/main/java/org/joinmastodon/android/ui/displayitems/PhotoStatusDisplayItem.java

@@ -12,7 +12,6 @@ import android.view.ViewTreeObserver;
 import android.widget.FrameLayout;
 import android.widget.ImageButton;
 import android.widget.ImageView;
-import android.widget.ScrollView;
 import android.widget.TextView;
 
 import org.joinmastodon.android.GlobalUserPreferences;
@@ -38,7 +37,7 @@ public class PhotoStatusDisplayItem extends ImageStatusDisplayItem{
 	}
 
 	public static class Holder extends ImageStatusDisplayItem.Holder<PhotoStatusDisplayItem>{
-		private final FrameLayout altTextWrapper;
+		private final FrameLayout altTextWrapper, altTextOpen;
 		private final TextView altTextButton;
 		private final ImageView noAltTextButton;
 		private final View altTextScroller;
@@ -52,14 +51,13 @@ public class PhotoStatusDisplayItem extends ImageStatusDisplayItem{
 		public Holder(Activity activity, ViewGroup parent){
 			super(activity, R.layout.display_item_photo, parent);
 			altTextWrapper=findViewById(R.id.alt_text_wrapper);
+			altTextOpen=findViewById(R.id.alt_text_open);
 			altTextButton=findViewById(R.id.alt_button);
 			noAltTextButton=findViewById(R.id.no_alt_button);
 			altTextScroller=findViewById(R.id.alt_text_scroller);
 			altTextClose=findViewById(R.id.alt_text_close);
 			altText=findViewById(R.id.alt_text);
 
-			altTextButton.setOnClickListener(this::onShowHideClick);
-			noAltTextButton.setOnClickListener(this::onShowHideClick);
 			altTextClose.setOnClickListener(this::onShowHideClick);
 //			altTextScroller.setNestedScrollingEnabled(true);
 		}
@@ -80,6 +78,7 @@ public class PhotoStatusDisplayItem extends ImageStatusDisplayItem{
 			altTextButton.setAlpha(1f);
 			noAltTextButton.setAlpha(1f);
 			altTextWrapper.setVisibility(View.VISIBLE);
+			altTextOpen.setOnClickListener(this::onShowHideClick);
 
 			if (altTextMissing){
 				if (GlobalUserPreferences.showNoAltIndicator) {
@@ -106,7 +105,9 @@ public class PhotoStatusDisplayItem extends ImageStatusDisplayItem{
 		}
 
 		private void onShowHideClick(View v){
-			boolean show=v.getId()==R.id.alt_button || v.getId()==R.id.no_alt_button;
+			boolean show=v.getId()==R.id.alt_text_open;
+
+			altTextOpen.setOnClickListener(show ? null : this::onShowHideClick);
 
 			if(altTextShown==show)
 				return;
@@ -127,7 +128,8 @@ public class PhotoStatusDisplayItem extends ImageStatusDisplayItem{
 			// This is the current size...
 			int prevLeft=altTextWrapper.getLeft();
 			int prevRight=altTextWrapper.getRight();
-			int prevTop=altTextWrapper.getTop();
+			int prevBottom=altTextWrapper.getBottom();
+			int prevTop=altTextOpen.getTop();
 			altTextWrapper.getViewTreeObserver().addOnPreDrawListener(new ViewTreeObserver.OnPreDrawListener(){
 				@Override
 				public boolean onPreDraw(){
@@ -144,7 +146,8 @@ public class PhotoStatusDisplayItem extends ImageStatusDisplayItem{
 					set.playTogether(
 							ObjectAnimator.ofInt(altTextWrapper, "left", prevLeft, altTextWrapper.getLeft()),
 							ObjectAnimator.ofInt(altTextWrapper, "right", prevRight, altTextWrapper.getRight()),
-							ObjectAnimator.ofInt(altTextWrapper, "top", prevTop, altTextWrapper.getTop()),
+							ObjectAnimator.ofInt(altTextWrapper, "bottom", prevBottom, altTextWrapper.getBottom()),
+							ObjectAnimator.ofInt(altTextOpen, "top", prevTop, altTextOpen.getTop()),
 							ObjectAnimator.ofFloat(altOrNoAltButton, View.ALPHA, show ? 1f : 0f, show ? 0f : 1f),
 							ObjectAnimator.ofFloat(altTextScroller, View.ALPHA, show ? 0f : 1f, show ? 1f : 0f),
 							ObjectAnimator.ofFloat(altTextClose, View.ALPHA, show ? 0f : 1f, show ? 1f : 0f)

mastodon/src/main/res/layout/display_item_photo.xml

@@ -13,68 +13,76 @@
 
 	<!-- This is hidden from screenreaders because that same alt text is set as content description on the ImageView -->
 	<FrameLayout
-		android:id="@+id/alt_text_wrapper"
+		android:id="@+id/alt_text_open"
 		android:layout_width="wrap_content"
 		android:layout_height="wrap_content"
 		android:layout_gravity="start|bottom"
-		android:layout_margin="12dp"
+		android:padding="12dp">
-		android:importantForAccessibility="noHideDescendants"
-		android:background="@drawable/bg_image_alt_overlay">
 
-		<ImageView
+		<FrameLayout
-			android:id="@+id/no_alt_button"
+			android:id="@+id/alt_text_wrapper"
 			android:layout_width="wrap_content"
 			android:layout_height="wrap_content"
-			android:padding="4dp"
+			android:layout_gravity="start|bottom"
-			android:src="@drawable/ic_fluent_important_20_filled"
+			android:importantForAccessibility="noHideDescendants"
-			android:tint="@color/gray_25" />
+			android:background="@drawable/bg_image_alt_overlay">
-		
-		<TextView
-			android:id="@+id/alt_button"
-			android:layout_width="wrap_content"
-			android:layout_height="wrap_content"
-			android:textAppearance="@style/m3_label_large"
-			android:textColor="@color/gray_25"
-			android:gravity="center"
-			android:includeFontPadding="false"
-			android:paddingHorizontal="5dp"
-			android:paddingVertical="1dp"
-			android:text="@string/sk_alt_button"/>
 
-		<ImageButton
+			<ImageView
-			android:id="@+id/alt_text_close"
+				android:id="@+id/no_alt_button"
-			android:layout_width="40dp"
-			android:layout_height="40dp"
-			android:layout_gravity="end|top"
-			android:src="@drawable/ic_baseline_close_24"
-			android:tint="#FFF"
-			android:background="?android:actionBarItemBackground"/>
-
-		<org.joinmastodon.android.ui.views.NestableScrollView
-			android:id="@+id/alt_text_scroller"
-			android:layout_width="wrap_content"
-			android:layout_height="wrap_content"
-			android:layout_gravity="center_vertical"
-			android:layout_marginEnd="40dp">
-
-			<LinearLayout
 				android:layout_width="wrap_content"
 				android:layout_height="wrap_content"
-				android:orientation="vertical">
+				android:padding="4dp"
+				android:src="@drawable/ic_fluent_important_20_filled"
+				android:tint="@color/gray_25" />
 
-				<TextView
+			<TextView
-					android:id="@+id/alt_text"
+				android:id="@+id/alt_button"
+				android:layout_width="wrap_content"
+				android:layout_height="wrap_content"
+				android:textAppearance="@style/m3_label_large"
+				android:textColor="@color/gray_25"
+				android:gravity="center"
+				android:includeFontPadding="false"
+				android:paddingHorizontal="5dp"
+				android:paddingVertical="1dp"
+				android:text="@string/sk_alt_button"/>
+
+			<ImageButton
+				android:id="@+id/alt_text_close"
+				android:layout_width="40dp"
+				android:layout_height="40dp"
+				android:layout_gravity="end|top"
+				android:src="@drawable/ic_baseline_close_24"
+				android:tint="#FFF"
+				android:background="?android:actionBarItemBackground"/>
+
+			<org.joinmastodon.android.ui.views.NestableScrollView
+				android:id="@+id/alt_text_scroller"
+				android:layout_width="wrap_content"
+				android:layout_height="wrap_content"
+				android:layout_gravity="center_vertical"
+				android:layout_marginEnd="40dp">
+
+				<LinearLayout
 					android:layout_width="wrap_content"
 					android:layout_height="wrap_content"
-					android:layout_margin="8dp"
+					android:orientation="vertical">
-					android:textAppearance="@style/m3_body_medium"
-					android:textColor="#FFF"
-					tools:text="Alt text goes here"/>
 
-			</LinearLayout>
+					<TextView
+						android:id="@+id/alt_text"
+						android:layout_width="wrap_content"
+						android:layout_height="wrap_content"
+						android:layout_margin="8dp"
+						android:textAppearance="@style/m3_body_medium"
+						android:textColor="#FFF"
+						tools:text="Alt text goes here"/>
+
+				</LinearLayout>
+
+			</org.joinmastodon.android.ui.views.NestableScrollView>
+
+		</FrameLayout>
 
-		</org.joinmastodon.android.ui.views.NestableScrollView>
-		
 	</FrameLayout>
 
 </org.joinmastodon.android.ui.views.ImageAttachmentFrameLayout>