Android实现圆形纯数字按钮

时间:2021-05-20

最近在搞一个数字拨号按键按钮,就想到使用GridView,但在实现中遇到点问题,在给数字键进行圆形状态键设置时发现一个问题,GridView中自带的原生选择矩形按钮总是存在,于是就想到了让其状态背景设置成透明。


一、自定义按钮控件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() { //初始化数字数据 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”设置GridView选择器背景为透明色就可以按照item设置的样式显示状态选择了

<?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中调用,首先要禁止系统的按键的弹出

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(); } }); } //删除键删除的数字 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); // 不调用系统键盘 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>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章