Динамическое центрирование поисковой панели на основе размеров изображения

1

Я пытаюсь разместить панель поиска под изображением, которое я загрузил в просмотр изображений - xml (ниже) работает нормально, но я хотел бы установить максимальную длину полосы поиска, равную ширине изображения, когда оно загружен, а также центрировать его под изображением. Я провел некоторые исследования в этой группе, и следующий код изменяет размер панели:

   LayoutParams lp = new LayoutParams(img2.getWidth(), 50);
   simpleSeekBar.setLayoutParams( lp );

Тем не менее, он помещает панель поиска против левого поля; как я могу изменить это, чтобы центрировать это? И как мне заставить это работать, когда пользователь чередует пейзаж и портрет? При переключении между двумя ориентациями изображение центрируется - как я могу также заставить панель поиска динамически центрироваться?

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:map="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="1"
>
    <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/frlayout"
    android:layout_weight="0.80"
    android:layout_width="match_parent"
        android:layout_height="0dp">
            <ImageView
            android:id="@+id/ImageTest"
                android:background="@android:color/transparent"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:adjustViewBounds="true" />
    </FrameLayout>
<SeekBar
    android:id="@+id/seekBar"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:progress="1000"
    android:max="2000"
    />
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight=".20"
android:background="#004D79"
android:orientation="horizontal">
    <Button
        android:text="Open File"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerVertical="true"
        android:layout_centerHorizontal="true"
        android:id="@+id/ofbutton" />
    <Button
        android:text="Save File"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerVertical="true"
        android:layout_centerHorizontal="true"
        android:id="@+id/sfbutton" />
    <NumberPicker
        android:id="@+id/np"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:background="@drawable/drawablenp"
        android:layout_centerVertical="true"
        />
</LinearLayout>

Теги:
android-layout
android-imageview
android-xml
android-seekbar

2 ответа

0

Для этого простого макета (и многих других) вы можете просто использовать макет ограничений - очень прост в использовании и очень чувствителен к разным размерам экрана.

Вот пример того, что вы просили:

 <androidx.constraintlayout.widget.ConstraintLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <ImageView
        android:id="@+id/ImageTest"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_marginEnd="59dp"
        android:adjustViewBounds="true"
        android:background="@android:color/transparent"
        app:layout_constraintEnd_toStartOf="@+id/ofbutton"
        app:layout_constraintStart_toStartOf="parent"
        tools:layout_editor_absoluteY="0dp" />


    <SeekBar
        android:id="@+id/seekBar"
        android:layout_width="0dp"
        android:layout_height="14dp"
        android:layout_marginTop="8dp"
        android:layout_marginEnd="8dp"
        app:layout_constraintEnd_toEndOf="@+id/imageView"
        app:layout_constraintHorizontal_bias="0.581"
        app:layout_constraintStart_toStartOf="@+id/imageView"
        app:layout_constraintTop_toBottomOf="@+id/imageView" />


    <Button
        android:id="@+id/ofbutton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        android:layout_marginStart="8dp"
        android:layout_marginEnd="8dp"
        android:text="Open File"
        app:layout_constraintBottom_toBottomOf="@+id/sfbutton"
        app:layout_constraintEnd_toStartOf="@+id/guideline2"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="@+id/sfbutton" />

    <Button
        android:id="@+id/sfbutton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        android:layout_marginStart="8dp"
        android:layout_marginTop="8dp"
        android:layout_marginEnd="8dp"
        android:layout_marginBottom="8dp"
        android:text="Save File"
        app:layout_constraintBottom_toTopOf="@+id/imageView"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="@+id/guideline2"
        app:layout_constraintTop_toTopOf="parent" />

    <androidx.constraintlayout.widget.Guideline
        android:id="@+id/guideline2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="16dp"
        android:orientation="vertical"
        app:layout_constraintGuide_percent="0.5"
        app:layout_constraintTop_toTopOf="parent" />

    <ImageView
        android:id="@+id/imageView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="8dp"
        android:layout_marginEnd="8dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.5"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        tools:src="@tools:sample/avatars[12]" />
</androidx.constraintlayout.widget.ConstraintLayout>
Поделиться
  • 0
    Позволяет ли ConstraintLayout динамически добавлять поверх них такие элементы, как editviews и т. Д.? Вот почему я использую FrameLayout. То есть, в конечном счете, я должен иметь возможность сделать что-то подобное: scaleview = new ScaleView (getApplicationContext ()); frLayout.addView (scaleview, Math.round (ширина), Math.round (высота / 8)); scaleview.setHeight (Math.round (высота / 8)); scaleview.setWidth (Math.round (2 * ширина / 3)); scaleview.setWindowWidth (ширина); (Извините, но это не отступ кода)
  • 0
    Динамически добавляя поверх них, вы хотите спросить, могут ли они работать как макет кадра?
Показать ещё 2 комментария
0

Попробуйте установить layout_gravity в center_horizontal. Также вы можете захотеть установить высоту wrap_content вместо 50. Как это:

LinearLayout.LayoutParams lp = new LinearLayout.LayoutParams(img2.getWidth(), LinearLayout.LayoutParams.WRAP_CONTENT);
lp.gravity = Gravity.CENTER_HORIZONTAL;
simpleSeekBar.setLayoutParams( lp );

Надеюсь, поможет

Поделиться
  • 0
    Спасибо - это похоже на работу. Теперь выдается еще одна ошибка; ширина панели поиска не равна ширине изображения. Это не очень много, несколько десятков пикселей с каждой стороны, но это заметно. Я в тупике.
  • 0
    Вы пытались вручную установить ширину как изображения, так и полосы поиска на что-то фиксированное? например, 500? просто чтобы увидеть, есть ли разница
Показать ещё 1 комментарий

Ещё вопросы

Сообщество Overcoder
Наверх
Меню