Intereting Posts
Android – Как настроить пользовательский макет для PreferenceActivity в Android 3.0? Неожиданные результаты, реализующие простое размытие движения в Libgdx Android: Редакция 21 не отображается в SDK Manager Получение результата от службы намерения внутри пользовательского адаптера для просмотра списка Невозможно разрешить поддержку символа (используя Android Studio, следуя руководству по началу работы) Android: как выбрать несколько контактов Почему размер моего приложения на устройстве отличается от размера APK или Play Store Можем ли мы иметь несколько приложений в одном проекте Android Studio? VS Emulator для Android не имеет подключения к Интернету События TextWatcher вызываются дважды Вложение веб-просмотра в другое представление IntelliJ IDEA публикует приложение Android одним щелчком мыши? Можно ли подключить Android-телефон к принтеру через Bluetooth? Скорость управления TextToSpeech (TTS) Android newline в моем EditText

Создание макета без рамки, которая перекрывает фоновый слой

Я хочу создать что-то подобное на скриншоте. Он имеет основной макет, который является фоном и макетом, который накладывает его. Я не уверен, как это делается.

Мое лучшее предположение было бы фрагментом диалога. Это правильный способ сделать что-то подобное.

Введите описание изображения здесь

Моя попытка использования фрагмента диалога не дает мне результатов, которые мне бы хотелось, и это как можно ближе.

Введите описание изображения здесь

Это мой макет:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" xmlns:app="http://schemas.android.com/apk/res-auto" tools:context="com.chatt.fragments.AddMember"> <ImageButton android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/ic_highlight_off_white_36dp" android:layout_alignParentRight="true" android:layout_alignParentEnd="true"/> <android.support.design.widget.CoordinatorLayout android:layout_width="match_parent" android:layout_height="match_parent"> <ImageView android:id="@+id/ivBackground" android:layout_width="match_parent" android:layout_height="300dp" android:src="@drawable/world" android:scaleType="centerCrop" android:alpha="0.4"/> <de.hdodenhof.circleimageview.CircleImageView android:id="@+id/civProfilePhoto" android:layout_width="70dp" android:layout_height="70dp" android:src="@drawable/user3" app:layout_anchor="@+id/ivBackground" app:layout_anchorGravity="bottom|center"/> <TextView android:id="@+id/tvMemberName" android:layout_width="wrap_content" android:layout_height="wrap_content" android:fontFamily="sans-serif-light" android:text="Sarah" android:textSize="26sp" android:textStyle="bold" app:layout_anchor="@+id/civProfilePhoto" app:layout_anchorGravity="bottom|center" android:layout_marginTop="40dp"/> </android.support.design.widget.CoordinatorLayout> <RelativeLayout android:layout_width="match_parent" android:layout_height="60dp" android:layout_alignParentBottom="true" android:background="@color/material_grey_300"> <ImageButton android:id="@+id/ibLock" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerVertical="true" android:layout_alignParentStart="true" android:layout_alignParentLeft="true" android:layout_marginLeft="60dp" android:layout_marginStart="60dp" android:src="@drawable/ic_lock_black_36dp"/> <ImageButton android:id="@+id/ibAddMember" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerVertical="true" android:layout_alignParentEnd="true" android:layout_alignParentRight="true" android:layout_marginRight="60dp" android:layout_marginEnd="60dp" android:src="@drawable/ic_person_add_black_36dp"/> </RelativeLayout> </RelativeLayout> 

Я использовал компоновку координатора для привязки изображения профиля на фоне. Однако это прекрасно работает. Но имя охватывает часть изображения профиля. Значки, которые я загружаю из пакета значков Google. Бутты показывают очень темный фон и должны быть прозрачными. Значок закрытия в правом верхнем углу также не имеет прозрачного фона. Диалоговое окно охватывает весь экран.

Я раздуваю свой DialogFragment следующим образом:

  @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setStyle(DialogFragment.STYLE_NO_FRAME, 0); } @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { // Inflate the layout for this fragment getDialog().getWindow().setBackgroundDrawable(new ColorDrawable(0)); return inflater.inflate(R.layout.fragment_add_member, container, false); } 

Большое спасибо за любые предложения,

Solutions Collecting From Web of "Создание макета без рамки, которая перекрывает фоновый слой"

Это небольшой пример макета, который воссоздает пользовательский интерфейс вашего скриншота с помощью DialogFragment « DialogFragment :

результат

Макет fragment_add_member.xml :

 <?xml version="1.0" encoding="utf-8"?> <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="wrap_content" android:layout_height="wrap_content"> <ImageView android:layout_width="250dp" android:layout_height="200dp" android:scaleType="centerCrop" android:src="@drawable/world"/> <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="end" android:layout_margin="5dp" android:src="@drawable/ic_highlight_off_white_36dp"/> <de.hdodenhof.circleimageview.CircleImageView android:id="@+id/civProfilePhoto" android:layout_width="50dp" android:layout_height="50dp" android:layout_gravity="center_horizontal" android:layout_marginTop="185dp" android:src="@drawable/profile"/> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginTop="240dp" android:gravity="center_horizontal" android:text="Mattia" android:textSize="16sp"/> <FrameLayout android:layout_width="match_parent" android:layout_height="60dp" android:layout_marginTop="320dp" android:background="@color/material_grey_300"> <ImageView android:id="@+id/ibLock" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_vertical|start" android:layout_marginLeft="50dp" android:layout_marginStart="50dp" android:src="@drawable/ic_lock_black_36dp"/> <ImageView android:id="@+id/ibAddMember" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_vertical|end" android:layout_marginEnd="50dp" android:layout_marginRight="50dp" android:src="@drawable/ic_person_add_black_36dp"/> </FrameLayout> </FrameLayout> 

DialogFragment :

 public class AddMemberDialogFragment extends DialogFragment { @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setStyle(DialogFragment.STYLE_NO_TITLE, 0); } @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { return inflater.inflate(R.layout.fragment_add_member, container); } } 

Два подхода, которые вы можете выбрать.

1. Используйте DialogFragment. Это даст вам тень автоматически.

 public class OverlayDialogFragment extends DialogFragment { @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); // This will give you shadow with borderless frame. setStyle(DialogFragment.STYLE_NO_FRAME, 0); } // your code. define layout xml, etc.... } 

2. Используйте наложенные макеты и фоновые рисунки для тени

Определите два макета в корневой папке RelativeLayout и отрегулируйте ширину и высоту наложенного. А затем примените 9-патч фона.

 <RelativeLayout android:id="@+id/layoutRoot" xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent"> <!-- your base UI elements here --> <RelativeLayout android:id="@+id/overlayLayout" android:layout_width="600dp" android:layout_height="800dp" android:background="@drawable/img_bg_mask" android:orientation="vertical"> </RelativeLayout> </RelativeLayout> 

И img_bg_mask.png выглядит, как показано ниже. Ниже приведен пример скругленного угла, но вы можете сделать изображение с 9 патчами, имеющее прямоугольную тень.

Введите описание изображения здесь