AndroidカスタムDialog、Dialogスタイル、Dialogアニメーション

23733 ワード

1、開発ツールとキー技術:Eclipse、Android Studio 2、作成時間:2020年04月28日
  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();
   }
});