Android 에서 사용자 정의 dialog 대화 상 자 를 만 드 는 인 스 턴 스 공유
안 드 로 이 드 sdk 가 제공 하 는 aledialog 를 사용 할 때 시스템 에 따라 다른 효 과 를 낼 때 가 많 습 니 다.예 를 들 어 MIUI 시스템 을 사용 하면 팝 업 상자 가 상단 에 표 시 됩 니 다!사용자 정의 팝 업 상자 의 응용 을 간단하게 소개 합 니 다.
먼저 레이아웃 파일 대화 상 자 를 만 듭 니 다:
코드:
<?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="match_parent"
android:orientation="vertical" >
<EditText
android:id="@+id/edit"
android:layout_width="250dip"
android:layout_height="wrap_content"
/>
<Button
android:id="@+id/clickbtn"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="click me" />
</LinearLayout>
그 다음 에 MyCustomDialog 클래스 계승 Dialog 를 만 듭 니 다.코드:
package com.xzw.custom.dialog;
import android.app.Dialog;
import android.content.Context;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
/**
* dialog
*/
public class MyCustomDialog extends Dialog {
// , dialog
public interface OnCustomDialogListener{
public void back(String name);
}
private String name;
private OnCustomDialogListener customDialogListener;
EditText etName;
public MyCustomDialog(Context context,String name,OnCustomDialogListener customDialogListener) {
super(context);
this.name = name;
this.customDialogListener = customDialogListener;
}
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.dialog);
//
setTitle(name);
etName = (EditText)findViewById(R.id.edit);
Button clickBtn = (Button) findViewById(R.id.clickbtn);
clickBtn.setOnClickListener(clickListener);
}
private View.OnClickListener clickListener = new View.OnClickListener() {
@Override
public void onClick(View v) {
customDialogListener.back(String.valueOf(etName.getText()));
MyCustomDialog.this.dismiss();
}
};
}
마지막 으로 MainActivity 완성:코드:
package com.xzw.custom.dialog;
import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.TextView;
import android.widget.Toast;
public class MainActivity extends Activity implements OnClickListener {
private TextView resultText;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
resultText = (TextView) findViewById(R.id.result);
Button showDialogBtn = (Button) findViewById(R.id.showdialog);
showDialogBtn.setOnClickListener(this);
}
@Override
public void onClick(View v) {
MyCustomDialog dialog = new MyCustomDialog(this,"Enter your name",new MyCustomDialog.OnCustomDialogListener() {
@Override
public void back(String name) {
resultText.setText("Enter name is "+name);
}
});
dialog.show();
}
}
효과 그림:시 크 업그레이드 버 전
일상적인 개발 과정 에서 안 드 로 이 드 가 자체 적 으로 가지 고 있 는 대화 상자 컨트롤 의 미관 정 도 는 개발 의 요 구 를 만족 시 키 지 못 한다.특히 이식 개발 에 비해 아래 에 묘 사 된 demo 는 1280 X720 해상 도 를 바탕 으로 이 루어 진 효과 이다.
사용자 정의 대화 상 자 는 지난번 에 기 록 된 사용자 정의 RatingBar 와 매우 유사 합 니 다.모두 styles.xml 에서 부모 클래스(여 기 는 Dialog)를 계승 하 는 스타일 입 니 다.
styles.xml
<style name="NoticeDialog" parent="@android:style/Theme.Dialog">
<item name="android:windowFrame">@null</item><!-- -->
<item name="android:windowIsFloating">true</item><!-- activity -->
<item name="android:windowIsTranslucent">false</item><!-- -->
<item name="android:windowNoTitle">true</item><!-- -->
<item name="android:windowBackground">@drawable/tck_bg</item><!-- -->
<item name="android:backgroundDimEnabled">false</item><!-- -->
</style>
우 리 는 다음 세 가지 효 과 를 낼 것 이다.(1)확인 상자 선택 알림 가 져 오기
(2)그림+문자 의 힌트
(3)그림+그림
위의 세 가지 효 과 를 실현 하려 면 하나의 Dialog 류 를 계승 한 다음 에 서로 다른 레이아웃 에 따라 해당 하 는 xml 레이아웃 을 추가 하면 기능 확장 효 과 를 간단하게 실현 할 수 있 습 니 다.
1.Dialog 클래스 를 계승 하여 부모 클래스 를 다시 쓰 는 방법 과 하위 클래스 를 추가 하 는 방법.
NoticeDialog.java 는 Dialog 부모 클래스 에 계승 하여 이벤트 의 인 터 페 이 스 를 클릭 합 니 다.선택 상 자 를 확인 하면 선택 상 자 를 확인 하 는 컨트롤 을 click 이벤트 감청 을 추가 하고 리 셋 방법 으로 UI 메 인 스 레 드 에서 인터페이스 업데이트 와 논리 작업 을 수행 합 니 다.
package com.zlc.dialog;
import android.app.Dialog;
import android.content.Context;
import android.os.Bundle;
import android.view.KeyEvent;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.TextView;
public class NoticeDialog extends Dialog implements OnClickListener{
Context context;
private NoticeDialogListener listener;
// ,
public interface NoticeDialogListener {
public void onClick(View view);
}
public NoticeDialog(Context context) {
super(context);
// TODO Auto-generated constructor stub
this.context = context;
}
public NoticeDialog(Context context,int theme){
super(context, theme);
this.context = context;
}
public NoticeDialog(Context context,int theme,NoticeDialogListener listener){
super(context, theme);
this.context = context;
this.listener = listener;
}
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
TextView enter = (TextView)findViewById(R.id.dialog_enter);//
TextView cancel = (TextView)findViewById(R.id.dialog_cancle);//
if(enter != null && cancel != null){// ,
enter.setOnClickListener(this);
cancel.setOnClickListener(this);
enter.requestFocus();
}
}
@Override
public void onClick(View v) {
// TODO Auto-generated method stub
listener.onClick(v);
}
}
2.위의 세 가지 효과 에 대응 하여 서로 다른 xml 레이아웃 을 추가 합 니 다.(1)확인 상 자 를 선택 한 알림 dialognotice_choise.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="652dp"
android:layout_height="352dp"
>
<LinearLayout
android:layout_width="500dp"
android:layout_height="200dp"
android:layout_marginLeft="76dp"
android:layout_marginTop="76dp"
android:orientation="vertical"
android:background="@drawable/tck01">
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_marginTop="5dp"
android:layout_marginLeft="10dp"
>
<TextView
android:textSize="26sp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textColor="@color/dialog_title"
android:text="@string/dialog_title"
android:focusable="false"
/>
</LinearLayout>
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_marginTop="40dp"
android:gravity="center"
>
<TextView
android:id="@+id/notice_value"
android:textSize="32sp"
android:layout_marginLeft="10dp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textColor="@color/dialog_content"
android:text="@string/dialog_uninstall"
android:focusable="false"
/>
</LinearLayout>
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="44dp"
android:layout_marginTop="35dp"
android:layout_marginLeft="4dp"
>
<TextView
android:id="@+id/dialog_enter"
android:textSize="25sp"
android:layout_width="246dp"
android:layout_height="fill_parent"
android:text="@string/dialog_enter"
android:gravity="center"
android:textColor="@drawable/app_manager_dialog_textcolor"
android:background="@drawable/app_manager_dialog_btn_color"
android:focusable="true"
/>
<TextView
android:id="@+id/dialog_cancle"
android:textSize="25sp"
android:layout_width="246dp"
android:layout_height="fill_parent"
android:text="@string/dialog_cancel"
android:gravity="center"
android:textColor="@drawable/app_manager_dialog_textcolor"
android:background="@drawable/app_manager_dialog_btn_color"
android:focusable="true"
/>
</LinearLayout>
</LinearLayout>
</LinearLayout>
(2)그림+문자 의 힌트 dialognotice_ing.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="652dp"
android:layout_height="352dp"
>
<LinearLayout
android:layout_width="500dp"
android:layout_height="200dp"
android:layout_marginLeft="76dp"
android:layout_marginTop="76dp"
android:orientation="vertical"
android:background="@drawable/tck01">
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_marginTop="5dp"
android:layout_marginLeft="10dp"
>
<TextView
android:textSize="26sp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textColor="@color/dialog_title"
android:text="@string/dialog_title"
/>
</LinearLayout>
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_marginTop="50dp"
android:gravity="center"
>
<ImageView
android:layout_width="38dp"
android:layout_height="42dp"
android:src="@drawable/uninstall_icon"/>
<TextView
android:id="@+id/dialog_in_msg"
android:textSize="32sp"
android:layout_marginLeft="10dp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textColor="@color/dialog_content"
android:text="@string/dialog_uninstall_in"
/>
</LinearLayout>
</LinearLayout>
</LinearLayout>
(3)이미지+이미지 dialognotice_finish.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="652dp"
android:layout_height="352dp"
>
<LinearLayout
android:layout_width="500dp"
android:layout_height="200dp"
android:layout_marginLeft="76dp"
android:layout_marginTop="76dp"
android:orientation="vertical"
android:background="@drawable/tck01">
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_marginTop="5dp"
android:layout_marginLeft="10dp"
>
<TextView
android:textSize="26sp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textColor="@color/dialog_title"
android:text="@string/dialog_title"
/>
</LinearLayout>
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_marginTop="40dp"
android:gravity="center"
>
<ImageView
android:layout_width="66dp"
android:layout_height="67dp"
android:src="@drawable/cg"/>
<ImageView
android:id="@+id/dialog_finish_img"
android:layout_marginLeft="20dp"
android:layout_width="165dp"
android:layout_height="36dp"
android:src="@drawable/uninstall_ok"
/>
</LinearLayout>
</LinearLayout>
</LinearLayout>
3.MainActivity 에서 사용자 정의 대화 상자 에 대한 추가 디 스 플레이 를 실현 합 니 다.
MainActivity.java,대화 상자 전환 디 스 플레이 를 진행 할 때 서로 다른 xml 프로필 만 설정 하면 됩 니 다.(메모:NoticeDialog 의 구조 방법의 context 인 자 는 XXActivity.this 일 뿐 getapplicationContext 를 통 해 얻 은 context 대상 이 아 닙 니 다)
package com.zlc.dialog;
import java.util.Timer;
import java.util.TimerTask;
import android.app.Activity;
import android.content.Context;
import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.view.View;
import com.zlc.dialog.NoticeDialog.NoticeDialogListener;
public class MainActivity extends Activity {
private Context context;
private NoticeDialog notiDialog;
int count = 0;
Handler handler;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
context = getApplicationContext();
notiDialog = new NoticeDialog(MainActivity.this,
R.style.NoticeDialog, new NoticeDialogListener() {
@Override
public void onClick(View view) {
try {
if(view.getId() == R.id.dialog_enter){
notiDialog.dismiss();
//TODO
}
notiDialog.dismiss();
} catch (Exception e) {
e.printStackTrace();
}
}
});
notiDialog.setContentView(R.layout.dialog_notice_choise);
notiDialog.show();
Timer timer = new Timer();
handler = new Myhandler();
timer.schedule(new TimerTask() {
@Override
public void run() {
// TODO Auto-generated method stub
count = count % 4;
notiDialog.cancel();
handler.sendEmptyMessage(count);
count ++;
}
}, 3000, 3000);
}
private class Myhandler extends Handler{
@Override
public void handleMessage(Message msg) {
// TODO Auto-generated method stub
switch (msg.what) {
case 0:
notiDialog.setContentView(R.layout.dialog_notice_ing);
break;
case 1:
notiDialog.setContentView(R.layout.dialog_notice_finish);
break;
case 2:
notiDialog.setContentView(R.layout.dialog_notice_choise);
break;
default:
break;
}
notiDialog.show();
}
}
}
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 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에 따라 라이센스가 부여됩니다.