AndroidカスタムDialog、Dialogスタイル、Dialogアニメーション
23733 ワード
1、開発ツールとキー技術:Eclipse、Android Studio 2、作成時間:2020年04月28日
AndroidのDialogの使用は、皆さんがたくさん使っていると思います。では、どのようにしてDialogにアニメーション効果やカスタムスタイルを追加しますか?今日は簡単で生き生きとしたDialogを勉強します。できませんか?あなたが私を探しています
第一、Dialogツール類
1、ポップアップ効果、注:ここで使っているのは下から上に出る効果で、必要に応じて修正できます。
AndroidのDialogの使用は、皆さんがたくさん使っていると思います。では、どのようにしてDialogにアニメーション効果やカスタムスタイルを追加しますか?今日は簡単で生き生きとしたDialogを勉強します。できませんか?あなたが私を探しています
第一、Dialogツール類
import android.app.Dialog;
import android.content.Context;
import android.os.Bundle;
import android.widget.TextView;
import androidx.annotation.NonNull;
import com.example.hote.R;
import com.example.hote.bean.RoomTypeVo;
import com.youth.banner.Banner;
import com.youth.banner.indicator.CircleIndicator;
import java.util.Locale;
// Dialog
public class RoomTypeInfoDialog extends Dialog {
private Context context;
private RoomTypeVo roomType;
// RoomTypeVo
public RoomTypeInfoDialog(@NonNull Context context,RoomTypeVo roomType) {
super(context);
this.context=context;
this.roomType=roomType;
}
public RoomTypeInfoDialog(@NonNull Context context, int themeResId,RoomTypeVo roomType) {
super(context, themeResId);
this.context=context;
this.roomType=roomType;
}
// onCreate Activity , ? , 。
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
//
setContentView(R.layout.dialog_room_type_info);
//
TextView tvRoomTypeName = findViewById(R.id.tv_room_type_name);
//
TextView tvPeopleNum = findViewById(R.id.tv_room_type_people_num);
//
tvRoomTypeName.setText(roomType.getRoomTypeName());
//
tvPeopleNum.setText(String.valueOf(roomType.getPeopleNumber()));
}
第二に、スタイルをスタイルに設定する<resources>
<style name="DialogTheme" parent="@android:style/Theme.Dialog">
<!-- -->
<item name="android:windowFrame">@null</item>
<!-- activity -->
<item name="android:windowIsFloating">true</item>
<!-- -->
<item name="android:windowIsTranslucent">true</item>
<!-- -->
<item name="android:windowNoTitle">true</item>
<item name="android:background">@android:color/transparent</item>
<!-- -->
<item name="android:windowBackground">@android:color/transparent</item>
<!-- -->
<item name="android:backgroundDimEnabled">true</item>
<!-- -->
<item name="android:backgroundDimAmount">0.5</item>
</style>
<!-- dialog -->
<style name="dialog_menu_animStyle">
//
<item name="android:windowEnterAnimation">@anim/dialog_in_anim</item>
//
<item name="android:windowExitAnimation">@anim/dialog_out_anim</item>
</style>
</resources>
第三に、resフォルダでAnimationタイプのファイルを作成します。1、ポップアップ効果、注:ここで使っているのは下から上に出る効果で、必要に応じて修正できます。
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
<!-- :alpha ( ) translate( ) scale( ) rotate( ),
android:duration: , (ms)
android:startOffset:
fromXDelta: X , %,
toXDelta: X , %,
fromYDelta: Y , %,
toYDelta: Y , %, -->
<translate
android:duration="500"
android:fromXDelta="0"
android:fromYDelta="100%p"
android:toXDelta="0"
android:toYDelta="0%p" />
</set>
2、隠し効果<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
<translate
android:duration="500"
android:fromXDelta="0"
android:fromYDelta="0%p"
android:toXDelta="0"
android:toYDelta="100%p" />
</set>
第四に、イベントをクリックします。 @Override
public void onImageClick(View view, RoomTypeVo data, int position) {
// Toast.makeText(mActivityContext, data.getPicture(), Toast.LENGTH_SHORT).show();
//1、 Dialog
RoomTypeInfoDialog dialog=new RoomTypeInfoDialog(mActivityContext,R.style.DialogTheme,data);
// Dialogwindow
Window window=dialog.getWindow();
//
window.setGravity(Gravity.BOTTOM);
//
window.setWindowAnimations(R.style.dialog_menu_animStyle);
//
window.getDecorView().setPadding(0,0,0,0);
WindowManager.LayoutParams layoutParams=window.getAttributes();
//
layoutParams.width=WindowManager.LayoutParams.MATCH_PARENT;
layoutParams.height=WindowManager.LayoutParams.WRAP_CONTENT;
// Dialog
dialog.show();
}
});