『壹』 android dialog 遮住輸入框的解決思路
在工作中經常會遇到彈出的dialog有輸入框的情況，屏幕大了還好，屏幕小了之後就特別容易出現輸入框被軟鍵盤遮住的情況，下面就是我在實際想中中遇到的
從上圖可以看出輸入框已經看不到了，遇到這種情況的第一個思路都是在dialog的style中添加
<item name="android:windowSoftInputMode">adjustPan</item>，我也試了下基本上沒用。然後換了個思路，既然軟鍵盤彈出來了，為什麼不能讓dialog向上移動同樣的距離呢。思路有了，下面就是把他實現了。
首先就是要計算軟鍵盤的高度，由於google並沒有給出具體的方法來計算軟鍵盤的高度，這時候我們就只能根據布局的高度變化來計算了。首先需要計算出屏幕的bottom坐標，然後監控布局的變動判斷變動後的bottom和初始的bottom的差值，一般肉眼觀察軟鍵盤的高度差不多是屏幕高度的1/3，所以就假設bottom往上移動了屏幕的1/3的距離就認為軟體盤彈出來了，當然也可以根據其他值來判斷，下面貼出具體方法:
/**
* activity中判斷軟鍵盤是否顯示
* @param activity
* */
fun isKeyboardShowing(activity: Activity): Boolean {
val screenHeight = activity.window!!.decorView.height.toDouble()
//獲取view的可見區域
val rect = Rect()
activity.window!!.decorView.getWindowVisibleDisplayFrame(rect)
return (2.0 /3.0) * screenHeight > rect.bottom.toDouble()
}
接下來我們來計算出軟體盤的高度，經過我在多個測試機上實驗發現初始時bottom就是屏幕的高度，下面是計算鍵盤高度的具體方法
/**
* activity中計算軟鍵盤的高度
* @param activity
* */
fun getKeyboardHeight(activity: Activity): Int {
val displayMetrics = DisplayMetrics()
activity.windowManager.defaultDisplay.getMetrics(displayMetrics)
val screenHeight = displayMetrics.heightPixels
val rect = Rect()
activity.window!!.decorView.getWindowVisibleDisplayFrame(rect)
return screenHeight - rect.bottom
}
有了高度之後一切就好辦了我們只需要在軟鍵盤彈出來的時候把dialog往上移動就行，在移動方式上我選擇了設置LayoutParams的方式，開始時想設置底部margin的，結果發現沒作用，dialog一點不移動，最後只好設置上邊的margin為負值
if (SoftUtils.isKeyboardShowing(context)) {
val lp =mRootView.layoutParams as ViewGroup.MarginLayoutParams
if (lp.topMargin ==0) {
lp.topMargin = -SoftUtils.getKeyboardHeight(context)
if (mRootView.height
lp.height =mRootOriginHeight
}
mRootView.layoutParams = lp
}
}else {
if (mRootOriginHeight ==0) {
mRootOriginHeight =mRootView.height
}
val lp =mRootView.layoutParams as ViewGroup.MarginLayoutParams
if (lp.topMargin <0) {
lp.topMargin =0
mRootView.layoutParams = lp
}
}
其中mRootView是dialog最外層的布局。在這裡面比較重要的一點監測方式，在哪裡監測軟鍵盤的彈出動作，在activity中可以監測onWindowFocusChanged方法，但是如果封裝了dialog的話，dialog中的onWindowFocusChanged並不會起作用，在這里我選擇了使用ViewTreeObserver和監聽，通過給mRootView的ViewTreeObserver添加addOnGlobalLayoutListener來實時判斷，下面是完整的方法
private fun setSpace() {
val treeObserver =mRootView.viewTreeObserver
treeObserver.addOnGlobalLayoutListener{
if (SoftUtils.isKeyboardShowing(context)) {
val lp =mRootView.layoutParams as ViewGroup.MarginLayoutParams
if (lp.topMargin ==0) {
lp.topMargin = -SoftUtils.getKeyboardHeight(context)
if (mRootView.height
lp.height =mRootOriginHeight
}
mRootView.layoutParams = lp
}
}else {
if (mRootOriginHeight ==0) {
mRootOriginHeight =mRootView.height
}
val lp =mRootView.layoutParams as ViewGroup.MarginLayoutParams
if (lp.topMargin <0) {
lp.topMargin =0
mRootView.layoutParams = lp
}
}
}
}
在這里當軟鍵盤彈出的時候重新設置了下dialog的高度，因為有時候軟鍵盤的彈出會使dialog的高度壓縮，所以彈出的時候重新設置下就好了。
這就是我的一個解決思路，當然完全按這個寫的話當輸入框較多時也可能出問題，最上層的輸入框跑屏幕之外去了，這種情況下我們只需要根據輸入框的位置動態的計算dialog需要往上移動的距離就行，不要一直設置為計算出來的軟鍵盤的高度。
下圖是解決之後的UI
『貳』 android dialog 關閉，該怎麼解決
試試以下方法：仿臘
1。void setCanceledOnTouchOutside(boolean cancel)，羨陵 置成true.
xml的配置文件備派滑中也有對應的屬性，
2.試試調用finish（）；或dialog.dismiss();
『叄』 如何自定義Android Dialog的樣式
如何自定義Android Dialog的樣式? Android 中自定義Dialog的樣式，主要是通過自定義的xml，然後載入到dialog的背景中，如下步驟：
1、自定義Dialog
final Dialog dialog = new Dialog(this, R.style.Theme_dialog);
2、窗口布局
View contentView = LayoutInflater.from(this).inflate(R.layout.select_list_dialog,null);
3、把設定好的窗口布局放到dialog中
dialog.setContentView(contentView);
4、設定點選視窗空白處取消會話
dialog.setCanceledOnTouchOutside(true);
5、具體的操作
ListView msgView = (ListView)contentView.findViewById(R.id.listview_flow_list);
6、展示視窗
dialog.show();例：final Dialog dialog = new Dialog(this,R.style.Theme_dialog);View contentView =LayoutInflater.from(this).inflate(R.layout.select_list_dialog, null);dialog.setContentView(contentView);dialog.setCanceledOnTouchOutside(true);ListView msgView = (ListView)contentView.findViewById(R.id.listview_flow_list);TextView titleText = (TextView)contentView.findViewById(R.id.title);titleText.setText("請選擇銀行卡");SelectBankCardDialogAdapter adapter =new SelectBankCardDialogAdapter(this, mBankcardList);msgView.setAdapter(adapter);msgView.setOnItemClickListener(newOnItemClickListener() {@Overridepublic void onItemClick(AdapterViewparent, View view, int position, long id) {Toast.makeText(RechargeFlowToMobileActivity.this, position+"",0).show();mSelectCard =mBankcardList.get(position);String area = mSelectCard.getBank_card();mCardNumberText.setText(area);dialog.di *** iss();}});Button closeBtn = (Button)contentView.findViewById(R.id.close);closeBtn.setClickable(true);closeBtn.setOnClickListener(newView.OnClickListener() {@Overridepublic void onClick(View v) {dialog.di *** iss();}});dialog.show();
以上就是在Android開發自定義dialog樣式的方法和步驟，android很多的控制元件都提供了介面或者方法進行樣式的定義和修改。
如何自定義android Button樣式
返回部落格列表
轉 android自定義button樣式
sumpower
釋出時間: 2014/02/25 19:56
閱讀: 4162
收藏: 0
點贊: 0
評論: 0
摘要
android自定義button樣式
在Android開發應用中，預設的Button是由系統渲染和管理大小的。而我們看到的成功的移動應用，都是有著酷炫的外觀和使用體驗的。因此，我們在開發產品的時候，需要對預設按鈕進行美化。在本篇里，筆者結合在應用開發中的經驗，探討一下自定義背景的按鈕、自定義形狀按鈕的實現方法。
首先看實現效果截圖：
自定義背景的按鈕目前有2種方式實現，向量和點陣圖。
1. 向量圖形繪制的方式
向量圖形繪制的方式實現簡單，適合對於按鈕形狀和圖案要求不高的場合。步驟如下：
(a) 使用xml定義一個圓角矩形，外圍輪廓線實線、內填充漸變色，xml程式碼如下。
view plain
bg_alibuybutton_default.xml
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="地址">
<item>
<shape android:shape="rectangle">
<solid android:color="#FFEC7600" />
<corners
android:LeftRadius="5dip"
android:RightRadius="5dip"
android:bottomLeftRadius="5dip"
android:bottomRightRadius="5dip" />
</shape>
</item>
<item android:="1px" android:bottom="1px" android:left="1px" android:right="1px">
<shape>
<gradient
android:startColor="#FFEC7600" android:endColor="#FFFED69E"
android:type="linear" android:angle="90"
android:centerX="0.5" android:centerY="0.5" />
<corners
android:LeftRadius="5dip"
android:RightRadius="5dip"
android:bottomLeftRadius="5dip"
android:bottomRightRadius="5dip" />
</shape>
</item>
</layer-list>
同樣定義bg_alibuybutton_pressed.xml和bg_alibuybutton_selected.xml，內容相同，就是漸變顏色不同，用於按鈕按下後的背景變化效果。
(b) 定義按鈕按下後的效果變化描述檔案drawable/bg_alibuybutton.xml，程式碼如下。
view plain
<?xml version="1.0" encoding="UTF-8"?>
<selector xmlns:android="地址">
<item android:state_pressed="true"
android:drawable="@drawable/bg_alibuybutton_pressed" />
<item android:state_focused="true"
android:drawable="@drawable/bg_alibuybutton_selected" />
<item android:drawable="@drawable/bg_alibuybutton_default" />
</selector>
(c) 在你需要的介面定義檔案中，如layout/main.xml中定義一個Button控制元件。
view plain
<Button
android:layout_width="120dip"
android:layout_height="40dip"
android:text="向量背景按鈕" android:background="@drawable/bg_alibuybutton" />
這樣，自定義背景的按鈕就可以使用了，在實現onClick方法後就可以響應操作。
android自帶的樣式比較難看，如何能夠自定義按鈕的樣式，使其顯示的跟美工設計的效果一樣，現與大家分享下
在layout中新增2個按鈕，從下圖中可以看出在按鈕中呼叫了style和android:background屬性，這兩個屬性一個是自定義樣式，一個是給按鈕新增背景圖片
展開res目錄，可以看到在values目錄下有styles.xml檔案，該檔案用於自定義樣式，雙擊開啟
標注的是我自定義的樣式，name為BtnStyle，當按鈕呼叫自定義樣式的時候訪問這個name
在button中呼叫自定義樣式的方法，比較簡單
如何往按鈕中新增自定義圖片，使按鈕看起來更漂亮些，因不同手機解析度不同，那必然牽扯到圖片的拉伸，在android系統下有個很好的技術「九宮格「，可以對圖片進行處理，只對區域性進行拉伸，給工具目錄儲存在android\sdk\tools\draw9patch.bat，經過該工具處理的圖片以.9.png結尾，放到drawable資料夾中
在Button中通過android:background屬性載入圖片的方法，至此我們自定義的按鈕樣式也就完成了，當然這只是個引子，在具體的專案工程中實現的效果要比這個demo復雜很多，有好的設計思路歡迎交流。
『肆』 android怎樣自定義dialog
Android開發過程中，常常會遇到一些需求場景——在界面上彈出一個彈框，對用戶進行提醒並讓用戶進行某些選擇性的操作，
如退出登錄時的彈窗，讓用戶選擇「退出」還是「取消」等操作。
Android系統提供了Dialog類，以及Dialog的子類，常見如AlertDialog來實現此類功能。
一般情況下，利用Android提供的Dialog及其子類能夠滿足多數此類需求，然而，其不足之處體現在：
1. 基於Android提供的Dialog及其子類樣式單一，風格上與App本身風格可能不太協調；
2. Dialog彈窗在布局和功能上有所限制，有時不一定能滿足實際的業務需求。
本文將通過在Dialog基礎上構建自定義的Dialog彈窗，以最常見的確認彈框為例。
本樣式相對比較簡單：上面有一個彈框標題（提示語），下面左右分別是「確認」和「取消」按鈕，當用戶點擊「確認」按鈕時，彈框執行
相應的確認邏輯，當點擊「取消」按鈕時，執行相應的取消邏輯。
首先，自定義彈框樣式：
1 <?xml version="1.0" encoding="utf-8"?>
2 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
3 android:layout_width="match_parent"
4 android:layout_height="wrap_content"
5 android:background="@drawable/dialog_bg"
6 android:orientation="vertical" >
7
8 <TextView
9 android:id="@+id/title"
10 android:layout_width="wrap_content"
11 android:layout_height="wrap_content"
12 android:layout_gravity="center"
13 android:paddingTop="14dp"
14 android:textColor="@color/login_hint"
15 android:textSize="@dimen/text_size_18" />
16
17 <LinearLayout
18 android:layout_width="match_parent"
19 android:layout_height="wrap_content"
20 android:layout_marginBottom="14dp"
21 android:layout_marginLeft="20dp"
22 android:layout_marginRight="20dp"
23 android:layout_marginTop="30dp" >
24
25 <TextView
26 android:id="@+id/confirm"
27 android:layout_width="wrap_content"
28 android:layout_height="wrap_content"
29 android:layout_marginRight="10dp"
30 android:layout_weight="1"
31 android:background="@drawable/btn_confirm_selector"
32 android:gravity="center"
33 android:textColor="@color/white"
34 android:textSize="@dimen/text_size_16" />
35
36 <TextView
37 android:id="@+id/cancel"
38 android:layout_width="wrap_content"
39 android:layout_height="wrap_content"
40 android:layout_marginLeft="10dp"
41 android:layout_weight="1"
42 android:background="@drawable/btn_cancel_selector"
43 android:gravity="center"
44 android:textColor="@color/login_hint"
45 android:textSize="@dimen/text_size_16" />
46 </LinearLayout>
47
48 </LinearLayout>
然後，通過繼承Dialog類構建確認彈框控制項ConfirmDialog：
1 package com.corn.widget;
2
3 import android.app.Dialog;
4 import android.content.Context;
5 import android.os.Bundle;
6 import android.util.DisplayMetrics;
7 import android.view.LayoutInflater;
8 import android.view.View;
9 import android.view.Window;
10 import android.view.WindowManager;
11 import android.widget.TextView;
12
13 import com.corn.R;
14
15 public class ConfirmDialog extends Dialog {
16
17 private Context context;
18 private String title;
19 private String confirmButtonText;
20 private String cacelButtonText;
21 private ClickListenerInterface clickListenerInterface;
22
23 public interface ClickListenerInterface {
24
25 public void doConfirm();
26
27 public void doCancel();
28 }
29
30 public ConfirmDialog(Context context, String title, String confirmButtonText, String cacelButtonText) {
31 super(context, R.style.MyDialog);
32 this.context = context;
33 this.title = title;
34 this.confirmButtonText = confirmButtonText;
35 this.cacelButtonText = cacelButtonText;
36 }
37
38 @Override
39 protected void onCreate(Bundle savedInstanceState) {
40 // TODO Auto-generated method stub
41 super.onCreate(savedInstanceState);
42
43 init();
44 }
45
46 public void init() {
47 LayoutInflater inflater = LayoutInflater.from(context);
48 View view = inflater.inflate(R.layout.confirm_dialog, null);
49 setContentView(view);
50
51 TextView tvTitle = (TextView) view.findViewById(R.id.title);
52 TextView tvConfirm = (TextView) view.findViewById(R.id.confirm);
53 TextView tvCancel = (TextView) view.findViewById(R.id.cancel);
54
55 tvTitle.setText(title);
56 tvConfirm.setText(confirmButtonText);
57 tvCancel.setText(cacelButtonText);
58
59 tvConfirm.setOnClickListener(new clickListener());
60 tvCancel.setOnClickListener(new clickListener());
61
62 Window dialogWindow = getWindow();
63 WindowManager.LayoutParams lp = dialogWindow.getAttributes();
64 DisplayMetrics d = context.getResources().getDisplayMetrics(); // 獲取屏幕寬、高用
65 lp.width = (int) (d.widthPixels * 0.8); // 高度設置為屏幕的0.6
66 dialogWindow.setAttributes(lp);
67 }
68
69 public void setClicklistener(ClickListenerInterface clickListenerInterface) {
70 this.clickListenerInterface = clickListenerInterface;
71 }
72
73 private class clickListener implements View.OnClickListener {
74 @Override
75 public void onClick(View v) {
76 // TODO Auto-generated method stub
77 int id = v.getId();
78 switch (id) {
79 case R.id.confirm:
80 clickListenerInterface.doConfirm();
81 break;
82 case R.id.cancel:
83 clickListenerInterface.doCancel();
84 break;
85 }
86 }
87
88 };
89
90 }
在如上空間構造代碼中，由於控制項的"確認"和"取消"邏輯與實際的應用場景有關，因此，控制項中通過定義內部介面來實現。
在需要使用此控制項的地方，進行如下形式調用：
1 public static void Exit(final Context context) {
2 final ConfirmDialog confirmDialog = new ConfirmDialog(context, "確定要退出嗎?", "退出", "取消");
3 confirmDialog.show();
4 confirmDialog.setClicklistener(new ConfirmDialog.ClickListenerInterface() {
5 @Override
6 public void doConfirm() {
7 // TODO Auto-generated method stub
8 confirmDialog.dismiss();
9 //toUserHome(context);
10 AppManager.getAppManager().AppExit(context);
11 }
12
13 @Override
14 public void doCancel() {
15 // TODO Auto-generated method stub
16 confirmDialog.dismiss();
17 }
18 });
19 }
調用中實現了此控制項的內部介面，並賦給控制項本身，以此在點擊按鈕時實現基於外部具體業務邏輯的函數回調。
『伍』 安卓怎麼修改系統「DIALOG」風格
1、編寫一個文本樣式。
DIALOG的標題是一個textview，在sytles.xml中，添加如下代碼來設置你自己的文本樣式：
?
2、設置對弊虛話框的標題主題。
上面的標題文本並不能直接設置為對話框的標題樣式。 我們還需要編寫一個表示標題的主題的style，在這里指定標題的文本樣式。代碼如下：
?
3、設置對話框主題。
接下來，我們編寫我們的對話框主題，在這里指定標題的主題。由於一些屬性並不是public的，所以我們需要繼承自原來的某個style，代碼如下：
?
4、自定義App的主題。
接下來，我們需要在我們的App theme中指定我們的對話框使用這種主題，所以需要定義一個App theme。同樣由於App theme的許多屬性並不是public的（比如下面要提到的標題下面的那條藍線），所以我們要繼承自一個原生的style。這里我根據程序需要選擇了Theme.Holo.Light.NoActionBar，代碼如下：
?
5、指定App主題。
最後一步，我們需要在AndroidManifest.xml文件中，指定我們的app主題。這步很簡單，只需要在application標簽中指定android:theme的值即可，如下：
?
android:theme="@style/ParkingTheme"
不過這只是指定了Dialog的主題。如果是通過AlertDialog創建出來的對話框，主題還是原來的。所以我們還需要以下步驟。
7、編寫AlertDialog主題。
我們無法直接繼承系統主題里的AlertDialog的style。如把parent指定為Theme.DeviceDefault.Dialog.Alert，Theme.Holo.Dialog.Alert，Theme.DeviceDefault.Light.Dialog.Alert或Theme.Holo.Light.Dialog.Alert，都會導致編譯不過。所以我們需要繼承自Dialog的style。在這里我以Theme.Holo.Light.Dialog為例，代碼如下：
在這里我參考了原生的alertDialog的style，設定了窗口背景為透明，以及windowContentOverlay為null這兩個重要屬性，否則你會看到在AlertDialog下面還有一層對話框的背景，或者是對話框的背景遮住了所有內容這樣的問題存在。
8、指定AlertDialog的主題。
我們需要在第4步所說的自定義的AppTheme中，添加一行代碼來指定要使用的AlertDialog的style，代碼如下：
?
9、修改標題下面的藍色線。
如果你修改了對話框的主題顏色，那麼標題下面的藍色的線肯定會讓你很郁悶。如果對話框較少，你可以選擇隱藏標題，然後自定義一個包含了標題的View來設置為對話框的內容。但是如果你的對話框有許多種，判悔而且本來都是可以調用原來的API就來生成的話，要去定義這么多個帶標題的view，這樣做下來心裡肯定是很糾結的。
標題下面的藍色的線，並不是在Dialog或AlertDialog中設置或通過它們的style中定義的。它是定義在各種風格的dialog的layout當中，然後再在AppTheme裡面指掘卜正定dialog的對應屬性。遺憾的是，目前我看到這幾個相關屬性還不是public的，不能自己設置，所以只有通過Java代碼來實現了。
表示這條藍色的線的叫做titleDivider，我們可以通過getResources()的API來獲取它的IP，然後設置顏色。代碼如下：
?
public static final void dialogTitleLineColor(Dialog dialog, int color) {
Context context = dialog.getContext();
int divierId = context.getResources().getIdentifier("android:id/titleDivider", null, null);
View divider = dialog.findViewById(divierId);
divider.setBackgroundColor(color);
}這行代碼對於自定義的Dialog，可以在setContentView之後調用。但是對於AlertDialog，必須在show()方法被調用之後才可以去調用，否則會報錯。
『陸』 android 中如何讓dialog在一個指定控制項下方顯示
Android中Dialog的示例代碼如下：
1.創建對象框
AlertDialog.Builder
builder
=
new
Builder(context);
builder.setTitle("請輸入");
//設置對話框標題
builder.setIcon(android.R.drawable.btn_star);
//設置對話框標題前的圖標
2.創建EditText輸入框
final
EditText
edit
=
new
EditText(context);
3.將輸入框賦值給Dialog,並增加確定取消按鍵
builder.setView(edit);
builder.setPositiveButton("確認",
new
DialogInterface.OnClickListener()
{
@Override
public
void
onClick(DialogInterface
dialog,
int
which)
{
Toast.makeText(context,
"你輸入的是:
"
+
edit.getText().toString(),
Toast.LENGTH_SHORT).show();
}
});
builder.setNegativeButton("取消",
new
DialogInterface.OnClickListener()
{
@Override
public
void
onClick(DialogInterface
dialog,
int
which)
{
Toast.makeText(context,
"你點了取消",
Toast.LENGTH_SHORT).show();
}
});
4.設置常用api，並show彈出
builder.setCancelable(true);
//設置按鈕是否可以按返回鍵取消,false則不可以取消
AlertDialog
dialog
=
builder.create();
//創建對話框
dialog.setCanceledOnTouchOutside(true);
//設置彈出框失去焦點是否隱藏,即點擊屏蔽其它地方是否隱藏
dialog.show();
『柒』 Android 萬能Dialog框架
為什麼要封吵姿裝這個框架呢? 我們目前自定義Dialog的常見方式有:
為了能自定義各種dialog, 又能把節約時間, 所以就出了這個框架
結果如下圖:
②. dialog本身的屬性:
說明: 對於動畫屬性, setAnimationsStyle, 需要在res/values/styles.xml 設置, 動畫屬性參考: android動畫《一》補間租瞎動升型絕畫
gitee： https://gitee.com/luoyanyong/LDialog
鏈接： https://www.jianshu.com/p/8eea6af1dd2a