Resize a view or layout using View.OnTouchListener by sliding or dragging a side in Android Studio
I' making the UI of a scientific calculator and I want to show my scientific buttons by sliding down partially the layout with my buttons. I have found some way to do it but my problem is that I can slide up and down just the bottom side and I need the top side.
This is the MainActivity:
public class MainActivity extends AppCompatActivity {
LinearLayout llBtns;
private int dpToPx(int dp){ return (int) (dp * getResources().getDisplayMetrics().density);}
private static final int CIRCLE_SIZE_DP = 20;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
llBtns = findViewById(R.id.ll_btns);
ImageView topAnchor = findViewById(R.id.ivLine);
topAnchor.setOnTouchListener(
new AnchorTouchListener(llBtns));
}
This is the Listener:
public class AnchorTouchListener implements View.OnTouchListener {
private int _yDelta;
private View viewToResize;
public AnchorTouchListener(View viewToResize ) {
this.viewToResize = viewToResize;
}
private int initialHeight;
private int initialY;
@Override
public boolean onTouch(View view, MotionEvent event) {
final int Y = (int) event.getRawY();
Log.d("Anchor", "Updating X & Y");
switch (event.getAction() & MotionEvent.ACTION_MASK) {
case MotionEvent.ACTION_DOWN:
// Capture initial conditions of the view to resize.
initialHeight = viewToResize.getHeight();
initialY = Y;
break;
case MotionEvent.ACTION_UP:
break;
case MotionEvent.ACTION_POINTER_DOWN:
break;
case MotionEvent.ACTION_POINTER_UP:
break;
case MotionEvent.ACTION_MOVE:
RelativeLayout.LayoutParams lp =
(RelativeLayout.LayoutParams) viewToResize.getLayoutParams();
// Compute how far we have moved in the X/Y directions.
_yDelta = Y - initialY;
lp.height = initialHeight + _yDelta;
viewToResize.setLayoutParams(lp);
break;
}
return true;
}
And this is my XML:
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:weightSum="13"
tools:context=".MainActivity">
<TextView
android:id="@+id/tv_input"
android:layout_width="match_parent"
android:layout_height="0dp"
android:padding="@dimen/tv_input_padding"
android:layout_weight="2"
android:gravity="center|end"
android:text="@string/tv_input_hint"
android:maxLength="15"
android:textColor="@color/dark_primary_text"
android:textSize="@dimen/tv_input_text_size"
android:background="@color/black"/>
<TextView
android:id="@+id/tv_output"
android:layout_width="match_parent"
android:layout_height="0dp"
android:padding="@dimen/tv_input_padding"
android:layout_weight="1"
android:gravity="center|end"
android:text="@string/tv_input_hint"
android:textColor="@color/dark_secondary_text"
android:textSize="@dimen/tv_output_text_size"
android:background="@color/black"/>
<androidx.gridlayout.widget.GridLayout
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1"
app:useDefaultMargins="false"
app:alignmentMode="alignBounds"
app:columnCount="6"
app:rowCount="1"
android:background="@color/black">
<Button
android:id="@+id/btn_unit_converter"
app:layout_columnWeight="1"
app:layout_rowWeight="1"
style="@style/btn_round_unit_converter"/>
<Button
android:id="@+id/btn_currency_converter"
app:layout_columnWeight="1"
app:layout_rowWeight="1"
style="@style/btn_round_currency_converter"/>
<Button
android:id="@+id/btn_history"
app:layout_columnWeight="1"
app:layout_rowWeight="1"
style="@style/btn_round_history"/>
<Button
app:layout_columnWeight="1"
app:layout_rowWeight="1"
style="@style/btn_round" />
<Button
app:layout_columnWeight="1"
app:layout_rowWeight="1"
style="@style/btn_round" />
<Button
app:layout_columnWeight="1"
app:layout_rowWeight="1"
style="@style/btn_round" />
</androidx.gridlayout.widget.GridLayout>
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="9">
<androidx.gridlayout.widget.GridLayout
android:id="@+id/glScientificBtns"
android:layout_width="match_parent"
android:layout_height="150dp"
app:useDefaultMargins="false"
app:alignmentMode="alignBounds"
app:columnCount="5"
app:rowCount="3"
android:background="@color/dark_primary_color">
<!-- Row 1 -->
<Button
android:id="@+id/btn_inv"
android:text="@string/btn_inv"
app:layout_columnWeight="1"
app:layout_rowWeight="1"
app:layout_gravity="fill_horizontal"
style="@style/btn_scientific_row" />
<Button
android:id="@+id/btn_deg_rad"
android:text="@string/btn_deg_rad"
app:layout_columnWeight="1"
app:layout_rowWeight="1"
app:layout_gravity="fill_horizontal"
style="@style/btn_scientific_row"/>
<Button
android:id="@+id/btn_sin"
android:text="@string/btn_sin"
app:layout_columnWeight="1"
app:layout_rowWeight="1"
app:layout_gravity="fill_horizontal"
style="@style/btn_scientific_row" />
<Button
android:id="@+id/btn_cos"
android:text="@string/btn_cos"
app:layout_columnWeight="1"
app:layout_rowWeight="1"
app:layout_gravity="fill_horizontal"
style="@style/btn_scientific_row" />
<Button
android:id="@+id/btn_tan"
android:text="@string/btn_tan"
app:layout_columnWeight="1"
app:layout_rowWeight="1"
app:layout_gravity="fill_horizontal"
style="@style/btn_scientific_row" />
<!-- Row 2 -->
<Button
android:id="@+id/btn_plus_minus"
android:text="@string/btn_plus_minus"
app:layout_columnWeight="1"
app:layout_rowWeight="1"
app:layout_gravity="fill_horizontal"
style="@style/btn_scientific_row"/>
<Button
android:id="@+id/btn_in"
android:text="@string/btn_In"
app:layout_columnWeight="1"
app:layout_rowWeight="1"
app:layout_gravity="fill_horizontal"
style="@style/btn_scientific_row" />
<Button
android:id="@+id/btn_log"
android:text="@string/btn_log"
app:layout_columnWeight="1"
app:layout_rowWeight="1"
app:layout_gravity="fill_horizontal"
style="@style/btn_scientific_row"/>
<Button
android:id="@+id/btn_period"
android:text="@string/btn_period"
app:layout_columnWeight="1"
app:layout_rowWeight="1"
app:layout_gravity="fill_horizontal"
style="@style/btn_scientific_row"/>
<Button
android:id="@+id/btn_plus_caret"
android:text="@string/btn_caret"
app:layout_columnWeight="1"
app:layout_rowWeight="1"
app:layout_gravity="fill_horizontal"
style="@style/btn_scientific_row" />
<!-- Row 3 -->
<Button
android:id="@+id/btn_pi"
android:text="@string/btn_pi"
app:layout_columnWeight="1"
app:layout_rowWeight="1"
app:layout_gravity="fill_horizontal"
style="@style/btn_scientific_row"/>
<Button
android:id="@+id/btn_e"
android:text="@string/btn_e"
app:layout_columnWeight="1"
app:layout_rowWeight="1"
app:layout_gravity="fill_horizontal"
style="@style/btn_scientific_row"/>
<Button
android:id="@+id/btn_left_bracket"
android:text="@string/btn_left_bracket"
app:layout_columnWeight="1"
app:layout_rowWeight="1"
app:layout_gravity="fill_horizontal"
style="@style/btn_scientific_row"/>
<Button
android:id="@+id/btn_right_bracket"
android:text="@string/btn_right_bracket"
app:layout_columnWeight="1"
app:layout_rowWeight="1"
app:layout_gravity="fill_horizontal"
style="@style/btn_scientific_row"/>
<Button
android:id="@+id/btn_square_root"
android:text="@string/btn_square_root"
app:layout_columnWeight="1"
app:layout_rowWeight="1"
app:layout_gravity="fill_horizontal"
style="@style/btn_scientific_row"/>
</androidx.gridlayout.widget.GridLayout>
<LinearLayout
android:id="@+id/ll_btns"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_below="@+id/glScientificBtns"
android:orientation="vertical"
android:background="@color/dark_secondary_color">
<ImageView
android:id="@+id/ivLine"
android:layout_width="70dp"
android:layout_height="wrap_content"
android:layout_gravity="center|top"
android:scaleType="centerCrop"
android:src="@drawable/ic_baseline_remove_dark_24" />
<androidx.gridlayout.widget.GridLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
app:columnCount="4"
app:rowCount="5"
app:layout_constraintTop_toBottomOf="@+id/imageView3">
<!-- Row 1 -->
<Button
android:id="@+id/btn_c"
android:text="@string/btn_c"
style="@style/btn_numbers_row"
app:layout_column="0"
app:layout_columnWeight="1"
app:layout_row="0"
app:layout_rowWeight="1"/>
<Button
android:id="@+id/btn_erase"
android:text="@string/btn_erase"
style="@style/btn_numbers_row"
app:layout_column="1"
app:layout_columnWeight="1"
app:layout_row="0"
app:layout_rowWeight="1"/>
<Button
android:id="@+id/btn_percent"
android:text="@string/btn_percent"
style="@style/btn_numbers_row"
app:layout_column="2"
app:layout_columnWeight="1"
app:layout_row="0"
app:layout_rowWeight="1"/>
<Button
android:id="@+id/btn_divide"
android:text="@string/btn_divide"
android:background="@drawable/btn_number"
android:textColor="@color/accent_color"
app:layout_column="3"
app:layout_columnWeight="1"
app:layout_row="0"
app:layout_rowWeight="1"/>
<!-- Row 2 -->
<Button
android:id="@+id/btn_seven"
android:text="@string/btn_seven"
style="@style/btn_numbers_row"
app:layout_column="0"
app:layout_columnWeight="1"
app:layout_row="1"
app:layout_rowWeight="1"/>
<Button
android:id="@+id/btn_eight"
android:text="@string/btn_eight"
style="@style/btn_numbers_row"
app:layout_column="1"
app:layout_columnWeight="1"
app:layout_row="1"
app:layout_rowWeight="1"/>
<Button
android:id="@+id/btn_nine"
android:text="@string/btn_nine"
style="@style/btn_numbers_row"
app:layout_column="2"
app:layout_columnWeight="1"
app:layout_row="1"
app:layout_rowWeight="1"/>
<Button
android:id="@+id/btn_multiply"
android:text="@string/btn_multiply"
android:background="@drawable/btn_number"
android:textColor="@color/accent_color"
android:textAllCaps="false"
app:layout_column="3"
app:layout_columnWeight="1"
app:layout_row="1"
app:layout_rowWeight="1"/>
<!-- Row 3 -->
<Button
android:id="@+id/btn_four"
android:text="@string/btn_four"
style="@style/btn_numbers_row"
app:layout_column="0"
app:layout_columnWeight="1"
app:layout_row="2"
app:layout_rowWeight="1"/>
<Button
android:id="@+id/btn_five"
android:text="@string/btn_five"
style="@style/btn_numbers_row"
app:layout_column="1"
app:layout_columnWeight="1"
app:layout_row="2"
app:layout_rowWeight="1"/>
<Button
android:id="@+id/btn_six"
android:text="@string/btn_six"
style="@style/btn_numbers_row"
app:layout_column="2"
app:layout_columnWeight="1"
app:layout_row="2"
app:layout_rowWeight="1"/>
<Button
android:id="@+id/btn_minus"
android:text="@string/btn_minus"
android:background="@drawable/btn_number"
android:textColor="@color/accent_color"
app:layout_column="3"
app:layout_columnWeight="1"
app:layout_row="2"
app:layout_rowWeight="1"/>
<!-- Row 4 -->
<Button
android:id="@+id/btn_one"
android:text="@string/btn_one"
style="@style/btn_numbers_row"
app:layout_column="0"
app:layout_columnWeight="1"
app:layout_row="3"
app:layout_rowWeight="1"/>
<Button
android:id="@+id/btn_two"
android:text="@string/btn_two"
style="@style/btn_numbers_row"
app:layout_column="1"
app:layout_columnWeight="1"
app:layout_row="3"
app:layout_rowWeight="1"/>
<Button
android:id="@+id/btn_three"
android:text="@string/btn_three"
style="@style/btn_numbers_row"
app:layout_column="2"
app:layout_columnWeight="1"
app:layout_row="3"
app:layout_rowWeight="1"/>
<Button
android:id="@+id/btn_plus"
android:text="@string/btn_plus"
android:background="@drawable/btn_number"
android:textColor="@color/accent_color"
app:layout_column="3"
app:layout_columnWeight="1"
app:layout_row="3"
app:layout_rowWeight="1"/>
<!-- Row 5 -->
<Button
android:id="@+id/btn_zero"
android:text="@string/btn_zero"
style="@style/btn_numbers_row"
app:layout_column="0"
app:layout_columnWeight="1"
app:layout_row="4"
app:layout_rowWeight="1"/>
<Button
android:id="@+id/btn_dot"
android:text="@string/btn_dot"
style="@style/btn_numbers_row"
app:layout_column="1"
app:layout_columnWeight="1"
app:layout_row="4"
app:layout_rowWeight="1"/>
<Button
style="@style/btn_numbers_row"
android:clickable="false"
app:layout_column="2"
app:layout_columnWeight="1"
app:layout_row="4"
app:layout_rowWeight="1"/>
<Button
android:id="@+id/btn_equals"
android:text="@string/btn_equals"
style="@style/btn_numbers_row_orange"
app:layout_column="3"
app:layout_columnWeight="1"
app:layout_row="4"
app:layout_rowWeight="1"/>
</androidx.gridlayout.widget.GridLayout>
</LinearLayout>
</RelativeLayout></LinearLayout>
Thanks in advance.
Solution
Try constraining your llBtns Linear Layout to the bottom of the parent
- Android App and Graph: com.microsoft.identity.client.exception.MsalClientException redirect uri doesn't match
- Android studio "MethodHandle.invoke and MethodHandle.invokeExact are only supported starting with Android O (--min-api 26)" error when building APK
- Android studio 2024.2.1 flutter build error app_plugin_loader.groovy Unsupported class file major version 65
- Can I create only one activity with no fragments that handles the whole app?
- Android Studio Ladybug - Unknown Kotlin JVM target: 21
- Cannot resolve external dependency com.android.tools:desugar_jdk_libs:1.0.9 because no repositories are defined
- Android Studio - ADB or Virtual Device without admin rights
- Unchecked assignment: 'java.util.List' to 'java.util.Collection<? extends manu.apps.lucemtrader.classes.Investor>'
- Starting in Kotlin 2.0, the Compose Compiler Gradle plugin is required when compose is enabled
- Error while building after updating flutter
- Documents4j java library in Android App to convert Docx to Pdf
- How to Automate Flutter Device Selection on Android Studio Startup? (Android Studio)
- Does using the Java Class Timer() on an android app make it slow, inefficient or unideal?
- Android Studio how to run gradle sync manually?
- Android Studio 3.4 waiting for application to come online
- Unresolved reference kapt and ksp in Android Studio when trying to do the setup for the use of ROOM local database
- Flutter run on Android emulator throws: Could not find an option named "--web-renderer"
- How to install Android SDK for flutter development on Ubuntu without android studio.?
- Why does assembleDebug takes much longer then project build and how to optimize it?
- Why Device Manager don't open?
- Can't uninstall Android Studio
- Android-Studio to show XML code instead of design
- How do I fix 'namespace not specified' error in Android Studio?
- flutter doctor --android-licenses gives a java error
- Warnings Your Apk Is Using Permissions That Require A Privacy Policy: (android.permission.READ_PHONE_STATE)
- Change external annotations folder in Android Studio 2.2.3
- ERROR: All flavors must now belong to a named flavor dimension
- Android Studio stuck on loading devices
- How to change the name that appears on the top of android studio window?
- Android Studio doesn't detect my connected physical devices