Android實現(xiàn)圓形純數(shù)字按鈕
更新時間：2019年02月01日 08:44:08 作者：WhatYouSeeMe
這篇文章主要為大家詳細介紹了Android實現(xiàn)圓形純數(shù)字按鈕，具有一定的參考價值，感興趣的小伙伴們可以參考一下
最近在搞一個數(shù)字撥號按鍵按鈕，就想到使用GridView，但在實現(xiàn)中遇到點問題，在給數(shù)字鍵進行圓形狀態(tài)鍵設(shè)置時發(fā)現(xiàn)一個問題，GridView中自帶的原生選擇矩形按鈕總是存在，于是就想到了讓其狀態(tài)背景設(shè)置成透明。
一、自定義按鈕控件RelativeLayout
public class KeyboardView extends RelativeLayout {
Context mContext;
private GridView gridView;
private List<Map<String, String>> dataList;
public KeyboardView(Context context) {
this(context, null);
}
public KeyboardView(Context context, AttributeSet attrs) {
super(context, attrs);
this.mContext = context;
View view = View.inflate(context, R.layout.layout_virtual_keyboard, null);
dataList = new ArrayList<>();
gridView = (GridView) view.findViewById(R.id.gv_keybord);
initDataList();
setupView();
addView(view); //添加view
}
public List<Map<String, String>> getDataList() {
return dataList;
}
private void initDataList() { //初始化數(shù)字數(shù)據(jù)
for (int i = 1; i < 13; i++) {
Map<String, String> map = new HashMap<>();
if (i < 10) {
map.put("keyName", String.valueOf(i));
} else if (i == 10) {
map.put("keyName", "*");
} else if (i == 11) {
map.put("keyName", String.valueOf(0));
} else if (i == 12) {
map.put("keyName", "#");
}
dataList.add(map);
}
}
public GridView getGridView() {
return gridView;
}
private void setupView() {
KeyBoardAdapter keyBoardAdapter = new KeyBoardAdapter(mContext, dataList);
gridView.setAdapter(keyBoardAdapter);
}
}
填充的GridView布局其中android:listSelector=”@android:color/transparent”設(shè)置GridView選擇器背景為透明色就可以按照item設(shè)置的樣式顯示狀態(tài)選擇了
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="wrap_content"
android:background="#3F51B5"
android:layout_height="wrap_content">
<!-- 鍵盤 -->
<GridView
android:id="@+id/gv_keybord"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:listSelector="@android:color/transparent"
android:horizontalSpacing="1dp"
android:numColumns="3"
android:verticalSpacing="1dp" />
</FrameLayout>
二、GridView適配器,其中填充的item的背景可以是UI切的選型圖,也可以自己通過shape繪制出來
public class KeyBoardAdapter extends BaseAdapter {
private Context mContext;
private List<Map<String, String>> mDataList;
public KeyBoardAdapter(Context context, List<Map<String, String>> dataList) {
this.mContext = context;
this.mDataList = dataList;
}
@Override
public int getCount() {
return mDataList.size();
}
@Override
public Object getItem(int position) {
return mDataList.get(position);
}
@Override
public long getItemId(int position) {
return position;
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
ViewHolder viewHolder;
if (convertView == null) {
convertView = View.inflate(mContext, R.layout.grid_item_virtual_keyboard, null);
viewHolder = new ViewHolder();
viewHolder.btnKey = (TextView) convertView.findViewById(R.id.btn_keys);
convertView.setTag(viewHolder);
} else {
viewHolder = (ViewHolder) convertView.getTag();
}
viewHolder.btnKey.setText(mDataList.get(position).get("keyName"));
return convertView;
}
public final class ViewHolder {
public TextView btnKey;
}
}
適配器item布局
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="wrap_content"
android:layout_height="wrap_content">
<TextView
android:id="@+id/btn_keys"
android:layout_width="60dp"
android:layout_height="60dp"
android:layout_centerInParent="true"
android:gravity="center"
android:background="@drawable/phone_bt_dial_num_selected"
android:textColor="#333333"
android:textSize="32sp" />
</RelativeLayout>
三,在Activity中調(diào)用,首先要禁止系統(tǒng)的按鍵的彈出
public class NormalKeyBoardActivity extends AppCompatActivity {
private KeyboardView keyboardView;
private GridView gridView;
private List<Map<String, String>> valueList;
private EditText textNum;
private ImageButton phone_delete;
private String amount;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_keyboard);
initView();
valueList = keyboardView.getDataList();
phoneDelete();
}
private void phoneDelete() {
phone_delete.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
DeleteNum();
}
});
}
//刪除鍵刪除的數(shù)字
private void DeleteNum() {
if (amount.length() > 0) {
amount = amount.substring(0, amount.length() - 1);
textNum.setText(amount);
Editable ea = textNum.getText();
textNum.setSelection(ea.length());
}
}
private void initView() {
textNum = (EditText) findViewById(R.id.textAmount);
// 不調(diào)用系統(tǒng)鍵盤
if (android.os.Build.VERSION.SDK_INT <= 10) {
textNum.setInputType(InputType.TYPE_NULL);
} else {
this.getWindow().setSoftInputMode(
WindowManager.LayoutParams.SOFT_INPUT_STATE_ALWAYS_HIDDEN);
try {
Class<EditText> cls = EditText.class;
Method setShowSoftInputOnFocus;
setShowSoftInputOnFocus = cls.getMethod("setShowSoftInputOnFocus",
boolean.class);
setShowSoftInputOnFocus.setAccessible(true);
setShowSoftInputOnFocus.invoke(textNum, false);
} catch (Exception e) {
e.printStackTrace();
}
}
keyboardView = (KeyboardView) findViewById(R.id.virtualKeyboardView);
phone_delete = (ImageButton) findViewById(R.id.phone_bt_del);
gridView = keyboardView.getGridView();
gridView.setOnItemClickListener(onItemClickListener);
textNum.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
keyboardView.setFocusable(true);
keyboardView.setFocusableInTouchMode(true);
keyboardView.setVisibility(View.VISIBLE);
}
});
}
private AdapterView.OnItemClickListener onItemClickListener = new AdapterView.OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> adapterView, View view, int position, long l) {
if (position < 11 && position != 9) {
amount = textNum.getText().toString().trim();
amount = amount + valueList.get(position).get("keyName");
textNum.setText(amount);
Editable ea = textNum.getText();
textNum.setSelection(ea.length());
} else {
if (position == 9) {
amount = textNum.getText().toString().trim();
amount = amount + valueList.get(position).get("keyName");
textNum.setText(amount);
Editable ea = textNum.getText();
textNum.setSelection(ea.length());
}else if (position == 11) {
String amount = textNum.getText().toString().trim();
amount = amount + valueList.get(position).get("keyName");
textNum.setText(amount);
Editable ea = textNum.getText();
textNum.setSelection(ea.length());
}
}
}
};
}
activity中的布局
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<FrameLayout
android:layout_width="match_parent"
android:layout_height="50dp">
<EditText
android:id="@+id/textAmount"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:inputType="numberDecimal"
android:padding="14dp"
android:gravity="center_horizontal"
android:textColor="#333333"
android:textSize="34sp" />
<ImageButton
android:id="@+id/phone_bt_del"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="right|center_vertical"
android:src="@drawable/phone_bt_del_num_selected" />
</FrameLayout>
<LinearLayout
android:layout_width="match_parent"
android:orientation="vertical"
android:layout_marginRight="80dp"
android:layout_marginLeft="80dp"
android:layout_height="wrap_content">
<com.ts.widget.KeyboardView
android:id="@+id/keyboardView"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1" />
<ImageButton
android:layout_width="match_parent"
android:layout_height="60dp"
android:background="#00EC69"
android:src="@drawable/phone_icon_answer"
android:text="撥號" />
</LinearLayout>
</LinearLayout>
以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
您可能感興趣的文章:
相關(guān)文章
- 本文教大家一步步實現(xiàn)自定義View之播放暫?？丶?，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-06-06
Android開發(fā)中Google為什么不讓用Handler的runWithScissors()
這篇文章主要介紹了Android開發(fā)中Google為什么不讓用Handler的runWithScissors()，本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2021-09-09
Android程序開發(fā)之ListView 與PopupWindow實現(xiàn)從左向右滑動刪除功能
這篇文章主要介紹了Android程序開發(fā)之ListView 與PopupWindow實現(xiàn)滑動刪除功能的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-07-07
Android仿騰訊QQ實現(xiàn)滑動刪除 附源碼下載
仿騰訊QQ滑動刪除操作，這篇文章主要為大家詳細介紹了ListView滑動刪除的具體操作方法，感興趣的小伙伴們可以參考一下2016-07-07
Android開發(fā)之Fragment懶加載的幾種方式及性能對比
這篇文章主要介紹了Android開發(fā)之Fragment懶加載的幾種方式及性能對比的相關(guān)資料,具體詳細介紹需要的小伙伴可以參考下面文章內(nèi)容2022-05-05
android視頻播放簡單實現(xiàn)示例（VideoView&MediaPlayer）
本篇文章主要介紹了android視頻播放簡單實現(xiàn)示例（VideoView&MediaPlayer），具有一定的參考價值，有興趣的可以了解一下2017-08-08
Android Studio gradle配置packagingOptions打包so庫重復
這篇文章主要為大家介紹了Android Studio gradle配置packagingOptions打包so庫重復問題的解決，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-11-11
這篇文章主要介紹了Android中AsyncTask詳細介紹,AsyncTask是一個很常用的API,尤其異步處理數(shù)據(jù)并將數(shù)據(jù)應用到視圖的操作場合,需要的朋友可以參考下2015-01-01
Kotlin如何優(yōu)雅地判斷EditText數(shù)據(jù)是否為空詳解
這篇文章主要給大家介紹了關(guān)于Kotlin如何優(yōu)雅地判斷EditText數(shù)據(jù)是否為空的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家學習或者使用kotlin具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2018-08-08
這篇文章主要給大家介紹了關(guān)于如何使用Flutter開發(fā)一款電影APP的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家學習或者使用Flutter具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧2019-07-07