Android 컨트롤 PopupWindow ios 아래쪽 팝 업 창 모방
10577 단어 AndroidPopupWindowios탄창
H5 뜨 거 운 시대 에 많은 프레임 이 아래쪽 창 에 있 는 컨트롤 을 꺼 냈 습 니 다.H5 는 팝 업 메뉴 Action Sheet 이 라 고 불 립 니 다.오늘 도 ios 의 아래쪽 창 을 모방 하여 애플 QQ 의 선택 두상 기능 에서 재 료 를 얻 었 습 니 다.
본문
잔말 말고 오늘 실현 할 효과 도 를 먼저 보 자.
전체 PopupWindow 의 오픈 코드
private void openPopupWindow(View v) {
//
if (popupWindow != null && popupWindow.isShowing()) {
return;
}
// PopupWindow View
View view = LayoutInflater.from(this).inflate(R.layout.view_popupwindow, null);
popupWindow = new PopupWindow(view, RelativeLayout.LayoutParams.MATCH_PARENT,
RelativeLayout.LayoutParams.WRAP_CONTENT);
// , ,
popupWindow.setBackgroundDrawable(new BitmapDrawable());
//
popupWindow.setFocusable(true);
popupWindow.setOutsideTouchable(true);
//
popupWindow.setAnimationStyle(R.style.PopupWindow);
//
popupWindow.showAtLocation(v, Gravity.BOTTOM, 0, navigationHeight);
//
popupWindow.setOnDismissListener(this);
// PopupWindow View
setOnPopupViewClick(view);
//
setBackgroundAlpha(0.5f);
}
단계 분석:PopupWindow 레이아웃
PopupWindow 생 성
PopupWindow 애니메이션 효과 추가
PopupWindow 배경 그림자 설정
PopupWindow 감청 클릭 이벤트
NavigationBar 높이 가 져 오기
PopupWindow 의 레이아웃:Layout 에서 우리 가 필요 로 하 는 레이아웃 을 설계 합 니 다.
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical">
<LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_margin="8dp" android:background="@drawable/popup_shape" android:orientation="vertical">
<TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:gravity="center" android:padding="16dp" android:text=" " android:textColor="#666" android:textSize="14sp" />
<View android:layout_width="match_parent" android:layout_height="0.1px" android:background="#888" />
<TextView android:id="@+id/tv_pick_phone" android:layout_width="match_parent" android:layout_height="wrap_content" android:gravity="center" android:padding="16dp" android:text=" " android:textColor="#118" android:textSize="18sp" />
<View android:layout_width="match_parent" android:layout_height="0.1px" android:background="#888" />
<TextView android:id="@+id/tv_pick_zone" android:layout_width="match_parent" android:layout_height="wrap_content" android:gravity="center" android:padding="16dp" android:text=" " android:textColor="#118" android:textSize="18sp" />
</LinearLayout>
<LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_margin="8dp" android:background="@drawable/popup_shape">
<TextView android:id="@+id/tv_cancel" android:layout_width="match_parent" android:layout_height="wrap_content" android:gravity="center" android:padding="16dp" android:text=" " android:textColor="#118" android:textSize="18sp" android:textStyle="bold" />
</LinearLayout>
</LinearLayout>
그 효 과 는:PopupWindow 생 성:이 생 성 은 일반적인 컨트롤 생 성 방법 과 같 습 니 다.
// PopupWindow View
View view = LayoutInflater.from(this).inflate(R.layout.view_popupwindow, null);
popupWindow = new PopupWindow(view, RelativeLayout.LayoutParams.MATCH_PARENT,
RelativeLayout.LayoutParams.WRAP_CONTENT);
PopupWindow 애니메이션 효과 추가:anim 폴 더 를 만 들 고 out 과 in 애니메이션 효 과 를 만 든 다음 style 에 애니메이션 을 추가 합 니 다.
<?xml version="1.0" encoding="utf-8"?>
<!-- -->
<translate xmlns:android="http://schemas.android.com/apk/res/android" android:interpolator="@android:anim/accelerate_interpolator" android:fromYDelta="100%" android:toYDelta="0" android:duration="200"/>
<?xml version="1.0" encoding="utf-8"?>
<!-- -->
<translate xmlns:android="http://schemas.android.com/apk/res/android" android:interpolator="@android:anim/accelerate_interpolator" android:fromYDelta="0" android:toYDelta="100%" android:duration="200"/>
<!-- -->
<style name="PopupWindow"> <item name="android:windowEnterAnimation">@anim/window_in</item> <item name="android:windowExitAnimation">@anim/window_out</item> </style>
//애니메이션 설정popupWindow.setAnimationStyle(R.style.PopupWindow);
PopupWindow 배경 그림자 설정:팝 업 창 을 열 때 투명 도 를 0.5 로 설정 하고 팝 업 창 이 사라 질 때 투명 도 를 1 로 설정 합 니 다.
//
public void setBackgroundAlpha(float alpha) {
WindowManager.LayoutParams lp = getWindow().getAttributes();
lp.alpha = alpha;
getWindow().setAttributes(lp);
}
PopupWindow 감청 클릭 이벤트:우리 PopupWindow 컨트롤 의 클릭 이 벤트 를 감청 합 니 다.
// PopupWindow View
setOnPopupViewClick(view);
private void setOnPopupViewClick(View view) {
TextView tv_pick_phone, tv_pick_zone, tv_cancel;
tv_pick_phone = (TextView) view.findViewById(R.id.tv_pick_phone);
tv_pick_zone = (TextView) view.findViewById(R.id.tv_pick_zone);
tv_cancel = (TextView) view.findViewById(R.id.tv_cancel);
tv_pick_phone.setOnClickListener(this);
tv_pick_zone.setOnClickListener(this);
tv_cancel.setOnClickListener(this);
}
Navigation Bar 높이 가 져 오기:Navigation Bar 가 없 는 핸드폰 이 필요 합 니 다.Navigation Bar 가 있 는 핸드폰 이 있 습 니 다.Navigation Bar 가 있 습 니 다.int resourceId = getResources().getIdentifier("navigation_bar_height", "dimen", "android");
navigationHeight = getResources().getDimensionPixelSize(resourceId);
Navigation Bar 가 존재 하 는 핸드폰 에 PopupWindow 의 출현 위 치 를 설정 합 니 다.
//위치 설정
popupWindow.showAtLocation(v, Gravity.BOTTOM, 0, navigationHeight);
Navigation Bar 가 없 는 핸드폰 에 PopupWindow 의 출현 위 치 를 설정 합 니 다.
//위치 설정
popupWindow.showAtLocation(v, Gravity.BOTTOM, 0, 0);
소스 코드
Github: https://github.com/AndroidHensen/IOSPopupWindow
public class MainActivity extends AppCompatActivity implements View.OnClickListener, PopupWindow.OnDismissListener {
private Button bt_open;
private PopupWindow popupWindow;
private int navigationHeight;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
bt_open = (Button) findViewById(R.id.bt_open);
bt_open.setOnClickListener(this);
int resourceId = getResources().getIdentifier("navigation_bar_height", "dimen", "android");
navigationHeight = getResources().getDimensionPixelSize(resourceId);
}
@Override
public void onClick(View v) {
switch (v.getId()) {
case R.id.bt_open:
openPopupWindow(v);
break;
case R.id.tv_pick_phone:
Toast.makeText(this, " ", Toast.LENGTH_SHORT).show();
popupWindow.dismiss();
break;
case R.id.tv_pick_zone:
Toast.makeText(this, " ", Toast.LENGTH_SHORT).show();
popupWindow.dismiss();
break;
case R.id.tv_cancel:
popupWindow.dismiss();
break;
}
}
private void openPopupWindow(View v) {
//
if (popupWindow != null && popupWindow.isShowing()) {
return;
}
// PopupWindow View
View view = LayoutInflater.from(this).inflate(R.layout.view_popupwindow, null);
popupWindow = new PopupWindow(view, RelativeLayout.LayoutParams.MATCH_PARENT,
RelativeLayout.LayoutParams.WRAP_CONTENT);
// , ,
popupWindow.setBackgroundDrawable(new BitmapDrawable());
//
popupWindow.setFocusable(true);
popupWindow.setOutsideTouchable(true);
//
popupWindow.setAnimationStyle(R.style.PopupWindow);
//
popupWindow.showAtLocation(v, Gravity.BOTTOM, 0, navigationHeight);
//
popupWindow.setOnDismissListener(this);
// PopupWindow View
setOnPopupViewClick(view);
//
setBackgroundAlpha(0.5f);
}
private void setOnPopupViewClick(View view) {
TextView tv_pick_phone, tv_pick_zone, tv_cancel;
tv_pick_phone = (TextView) view.findViewById(R.id.tv_pick_phone);
tv_pick_zone = (TextView) view.findViewById(R.id.tv_pick_zone);
tv_cancel = (TextView) view.findViewById(R.id.tv_cancel);
tv_pick_phone.setOnClickListener(this);
tv_pick_zone.setOnClickListener(this);
tv_cancel.setOnClickListener(this);
}
//
public void setBackgroundAlpha(float alpha) {
WindowManager.LayoutParams lp = getWindow().getAttributes();
lp.alpha = alpha;
getWindow().setAttributes(lp);
}
@Override
public void onDismiss() {
setBackgroundAlpha(1);
}
}
이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Bitrise에서 배포 어플리케이션 설정 테스트하기이 글은 Bitrise 광고 달력의 23일째 글입니다. 자체 또는 당사 등에서 Bitrise 구축 서비스를 사용합니다. 그나저나 며칠 전 Bitrise User Group Meetup #3에서 아래 슬라이드를 발표했...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.