Android 는 Activity 를 사용 하여 아래쪽 에서 메뉴 나 창 을 팝 업 하 는 방법

이 사례 는 안 드 로 이 드 가 Activity 를 사용 하여 아래쪽 에서 메뉴 나 창 을 팝 업 하 는 방법 을 설명 한다.여러분 께 참고 하도록 공유 하 겠 습 니 다.구체 적 으로 는 다음 과 같 습 니 다.
여기 서 activity 를 사용 하여 팝 업 창 이나 메뉴 를 만 듭 니 다.주로 activity 를 설정 한 스타일 을 사용 하여 팝 업 창 과 미끄럼 효 과 를 실현 합 니 다.다음 과 같 습 니 다.
첫 번 째 단계:팝 업 창의 xml 레이아웃 을 설계 합 니 다.

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="fill_parent"
  android:layout_height="wrap_content"
  android:gravity="center_horizontal"
  android:orientation="vertical"
 >
<LinearLayout
  android:id="@+id/pop_layout"
  android:layout_width="fill_parent"
  android:layout_height="wrap_content"
  android:gravity="center_horizontal"
  android:orientation="vertical"
  android:layout_alignParentBottom="true"
   android:background="@drawable/btn_style_alert_dialog_background"
   >
  <Button
    android:id="@+id/btn_take_photo"
    android:layout_marginLeft="20dip"
    android:layout_marginRight="20dip"
    android:layout_marginTop="20dip"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:text="  "
    android:background="@drawable/btn_style_alert_dialog_button"
    android:textStyle="bold"
     />
  <Button
    android:id="@+id/btn_pick_photo"
    android:layout_marginLeft="20dip"
    android:layout_marginRight="20dip"
    android:layout_marginTop="5dip"
     android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:text="     "
     android:background="@drawable/btn_style_alert_dialog_button"
     android:textStyle="bold"
     />
  <Button
    android:id="@+id/btn_cancel"
    android:layout_marginLeft="20dip"
    android:layout_marginRight="20dip"
    android:layout_marginTop="15dip"
    android:layout_marginBottom="15dip"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:text="  "
    android:background="@drawable/btn_style_alert_dialog_cancel"
    android:textColor="#ffffff"
    android:textStyle="bold"
    />
</LinearLayout>
</RelativeLayout>

두 번 째 단계:SelectPicPopupWindow 클래스 계승 Activity 클래스 를 만 들 고 OnClickListener 인 터 페 이 스 를 실현 합 니 다(여기 서 이 핑 계 를 실현 하지 않 아 도 됩 니 다.자신의 수요 와 편리 에 따라 이 루어 집 니 다).다른 코드 는 일반적인 Activity 를 작성 하 는 것 과 마찬가지 로 OK 를 실현 합 니 다.다음 과 같 습 니 다.

import android.app.Activity;
import android.os.Bundle;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.LinearLayout;
import android.widget.Toast;
public class SelectPicPopupWindow extends Activity implements OnClickListener{
  private Button btn_take_photo, btn_pick_photo, btn_cancel;
  private LinearLayout layout;
  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.alert_dialog);
    btn_take_photo = (Button) this.findViewById(R.id.btn_take_photo);
    btn_pick_photo = (Button) this.findViewById(R.id.btn_pick_photo);
    btn_cancel = (Button) this.findViewById(R.id.btn_cancel);
    layout=(LinearLayout)findViewById(R.id.pop_layout);
    //                  ,     onTouchEvent()  ,         onTouchEvent()    Activity
    layout.setOnClickListener(new OnClickListener() {
      public void onClick(View v) {
        // TODO Auto-generated method stub
        Toast.makeText(getApplicationContext(), "  :          !",
            Toast.LENGTH_SHORT).show();
      }
    });
    //      
    btn_cancel.setOnClickListener(this);
    btn_pick_photo.setOnClickListener(this);
    btn_take_photo.setOnClickListener(this);
  }
  //  onTouchEvent             Activity
  @Override
  public boolean onTouchEvent(MotionEvent event){
    finish();
    return true;
  }
  public void onClick(View v) {
    switch (v.getId()) {
    case R.id.btn_take_photo:
      break;
    case R.id.btn_pick_photo:
      break;
    case R.id.btn_cancel:
      break;
    default:
      break;
    }
    finish();
  }
}

세 번 째 단계:MainActivity 클래스 를 작성 합 니 다.여 기 는 간단 합 니 다.방금 창 을 실행 하려 는 MainActivity 를 시작 하려 면 누 르 면 됩 니 다.

import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.TextView;
public class MainActivity extends Activity {
  @Override
  public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    TextView tv = (TextView) this.findViewById(R.id.text);
    //         ,         
    tv.setOnClickListener(new OnClickListener() {
      public void onClick(View v) {
        startActivity(new Intent(MainActivity.this,SelectPicPopupWindow.class));
      }
    });
  }
}

네 번 째 단계:AndroidManifest.xml 가 SelectPicPopupWindow 에 대한 설정 이 일반적인 것 과 다 르 기 때문에 이 activity 에 android:theme 속성 을 추가 합 니 다.다음 과 같 습 니 다.
다섯 번 째 단계:이 단 계 는 이 인 스 턴 스 를 실현 하 는 가장 중요 한 부분 입 니 다.안 드 로 이 드:theme 속성 스타일 을 설정 하여 이 사례 에 필요 한 효 과 를 실현 하 는 것 입 니 다.다음 과 같 습 니 다.

<style name="AnimBottom" parent="@android:style/Animation">
  <item name="android:windowEnterAnimation">@anim/push_bottom_in</item>
  <item name="android:windowExitAnimation">@anim/push_bottom_out</item>
</style>
<style name="MyDialogStyleBottom" parent="android:Theme.Dialog">
  <item name="android:windowAnimationStyle">@style/AnimBottom</item>
  <item name="android:windowFrame">@null</item>
;!--    -->
  <item name="android:windowIsFloating">true</item>
;!--      activity   -->
  <item name="android:windowIsTranslucent">true</item>
;!--     -->
  <item name="android:windowNoTitle">true</item>
;!--     -->
  <item name="android:windowBackground">@android:color/transparent</item>
;!--      -->
  <item name="android:backgroundDimEnabled">true</item>
;!--    -->
</style>

여섯 번 째 단계:팝 업 과 소각 시 애니메이션 효과 코드 를 붙 입 니 다.
push_bottom_in.xml

<?xml version="1.0" encoding="utf-8"?>
<!--       -->
<set xmlns:android="http://schemas.android.com/apk/res/android" >
  <translate
    android:duration="200"
    android:fromYDelta="100%p"
    android:toYDelta="0"
   />
</set>

push_buttom_out.xml

<?xml version="1.0" encoding="utf-8"?>
<!--       -->
<set xmlns:android="http://schemas.android.com/apk/res/android" >
  <translate
    android:duration="200"
    android:fromYDelta="0"
    android:toYDelta="50%p"
  />
</set>

메모:이 두 xml 는 res/anim 의 anim 폴 더 아래 에 두 어야 합 니 다.
일곱 번 째 단계;그림 과 같이 실행 효과:

안 드 로 이 드 4.0 의 모 바 일 테스트 에서 미 끄 러 지 는 창 은 전체 화면 양쪽 과 간격 이 있 을 수 있 습 니 다.
이 인터페이스의 폭 을 전체 화면 에 채 우려 면

setContentView(R.layout.activity_main);

그 다음 에
getWindow().setLayout(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT);
더 많은 안 드 로 이 드 관련 내용 에 관심 이 있 는 독자 들 은 본 사이트 의 주 제 를 볼 수 있다.
본 고 에서 말 한 것 이 여러분 의 안 드 로 이 드 프로 그래 밍 에 도움 이 되 기 를 바 랍 니 다.

좋은 웹페이지 즐겨찾기