首页 > 系统 > Android > 正文

Android实现圆形纯数字按钮

2019-10-21 21:25:58
字体:
来源:转载
供稿:网友

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

Android,圆形,数字,按钮

一、自定义按钮控件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>

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


注:相关教程知识阅读请移步到Android开发频道。
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表