您好,登录后才能下订单哦!
这篇文章主要介绍了Android怎么实现圆形纯数字按钮,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。
最近在搞一个数字拨号按键按钮,就想到使用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>
感谢你能够认真阅读完这篇文章,希望小编分享的“Android怎么实现圆形纯数字按钮”这篇文章对大家有帮助,同时也希望大家多多支持亿速云,关注亿速云行业资讯频道,更多相关知识等着你来学习!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。