Android Holoスタイルの設定

そのため、Android 4の公式設定アプリケーション(3.0の場合もあります)のように設定を行う方法について、小さな投稿(これは職人ではありません。したがって、多くのコード、いくつかの単語)を書くことにしました。 私たちの目標:

0.説明なしでコードを読んで理解する能力

1. フラグメントを使用する

2. ヘッダーを使用する

3.アイテムのカテゴリへの分割

4.すべての画面解像度をサポート

5. SDK14を使用する



画像



フラグメント(メイン画面のメニュー項目)





フラグメントとは何ですか? なぜそれらを使用するのですか? フラグメントは「タブレットと携帯電話用の1つのAndroid」の一部であり、携帯電話とタブレットの両方で見栄えの良いアプリケーションをすばやくエレガントに作成できます。

私はあなたがそれらに既に精通していると仮定します-それ以外の場合-目的のメニュー項目をクリックしてハブを開くXMLファイルの設定を持つ最も単純なフラグメントの例



src / com / achep / example / TestFragment.class

public class TestFragment extends PreferenceFragment implements onPreferenceClickListener { /** *   "  " */ private static final String KEY_HABRAHABR_LAUNCHER = "habrahabrLauncher"; /** *  "  " */ private Preference mHabrahabrLauncher; @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); //     PreferenceActivity addPreferencesFromResource(R.xml.test_settings); mHabrahabrLauncher = (Preference) findPreference(KEY_HABRAHABR_LAUNCHER); mHabrahabrLauncher.setOnPreferenceClickListener(this); } @Override public boolean onPreferenceClick(Preference preference) { if (preference == mHabrahabrLauncher) { //     startActivity(new Intent(Intent.ACTION_VIEW, Uri.parse("http://habrahabr.ru"))); } else { //    } return false; } }
      
      







設定ホーム画面:リソース





メイン設定メニューのxmlファイル(リソース)を作成する例には、フラグメント(3つ)と2つのカテゴリが含まれます。



xml / preference_headers.xml

 <?xml version="1.0" encoding="utf-8"?> <preference-headers xmlns:android="http://schemas.android.com/apk/res/android" > <!--  ---> <header android:title="" /> <!--  ---> <header <!--      ---> android:fragment="com.achep.example.TestFragment" <!--  ---> android:icon="@drawable/ic_settings_test" <!--  ---> android:title=" 1" /> <!--  ---> <header android:title=", !" /> <!--  ---> <header android:id="@+id/header_test" //     android:fragment="com.achep.example.TestFragment" android:icon="@drawable/ic_settings_test" android:title=" 2" /> <!--  ---> <header android:fragment="com.achep.example.TestFragment" android:icon="@drawable/ic_settings_test" android:title=" 3" /> </preference-headers>
      
      







ご覧のように、ポイントはカテゴリとタイプが異なりますが、もちろん少し動揺しますが、タイプではなく、属性(id、fragment、intent、その他多数のあらゆるものを使用できます)によって、何が何であるかを決定しますPreferenceActivityの既におなじみのリソースで)



設定メイン画面:Javaコード





このコードは、GitHubで使用た公式アプリケーションのコードに基づいており、ニーズに合わせて変更されています。 最も重要な部分は、HeaderAdapterであり、それに注意を払うことをお勧めします。HeaderAdapterにポイントを実装するには、Googleと同じよう動作するように少し工夫する必要があります。 公式アプリケーションでのスイッチポイントの使用方法は非常に限定的であるため、スイッチポイントがどのように配置されているかは理解できません。



src / com / achep / example / Settings.class

 public class Settings extends PreferenceActivity { private static final String LOG_TAG = "Settings"; private static final String META_DATA_KEY_HEADER_ID = "com.achep.example.settings.TOP_LEVEL_HEADER_ID"; private static final String META_DATA_KEY_FRAGMENT_CLASS = "com.achep.example.settings.FRAGMENT_CLASS"; private static final String META_DATA_KEY_PARENT_TITLE = "com.achep.stopwatch.PARENT_FRAGMENT_TITLE"; private static final String META_DATA_KEY_PARENT_FRAGMENT_CLASS = "com.achep.example.settings.PARENT_FRAGMENT_CLASS"; private static final String SAVE_KEY_CURRENT_HEADER = "com.achep.example.settings.CURRENT_HEADER"; private static final String SAVE_KEY_PARENT_HEADER = "com.achep.example.settings.PARENT_HEADER"; private String mFragmentClass; private int mTopLevelHeaderId; private Header mFirstHeader; private Header mCurrentHeader; private Header mParentHeader; private boolean mInLocalHeaderSwitch; protected HashMap<Integer, Integer> mHeaderIndexMap = new HashMap<Integer, Integer>(); private List<Header> mHeaders; @Override protected void onCreate(Bundle savedInstanceState) { getMetaData(); mInLocalHeaderSwitch = true; super.onCreate(savedInstanceState); mInLocalHeaderSwitch = false; if (!onIsHidingHeaders() && onIsMultiPane()) { highlightHeader(mTopLevelHeaderId); } //   ,    if (savedInstanceState != null) { mCurrentHeader = savedInstanceState .getParcelable(SAVE_KEY_CURRENT_HEADER); mParentHeader = savedInstanceState .getParcelable(SAVE_KEY_PARENT_HEADER); } //  header   -    if (savedInstanceState != null && mCurrentHeader != null) { showBreadCrumbs(mCurrentHeader.title, null); } if (mParentHeader != null) { setParentTitle(mParentHeader.title, null, new OnClickListener() { public void onClick(View v) { switchToParent(mParentHeader.fragment); } }); } // Override up navigation for multi-pane, since we handle it in the // fragment breadcrumbs if (onIsMultiPane()) { getActionBar().setDisplayHomeAsUpEnabled(false); getActionBar().setHomeButtonEnabled(false); } } @Override protected void onSaveInstanceState(Bundle outState) { super.onSaveInstanceState(outState); // Save the current fragment, if it is the same as originally launched if (mCurrentHeader != null) { outState.putParcelable(SAVE_KEY_CURRENT_HEADER, mCurrentHeader); } if (mParentHeader != null) { outState.putParcelable(SAVE_KEY_PARENT_HEADER, mParentHeader); } } @Override public void onResume() { super.onResume(); ListAdapter listAdapter = getListAdapter(); if (listAdapter instanceof HeaderAdapter) { ((HeaderAdapter) listAdapter).resume(); } invalidateHeaders(); } @Override public void onPause() { super.onPause(); ListAdapter listAdapter = getListAdapter(); if (listAdapter instanceof HeaderAdapter) { ((HeaderAdapter) listAdapter).pause(); } } private void switchToHeaderLocal(Header header) { mInLocalHeaderSwitch = true; switchToHeader(header); mInLocalHeaderSwitch = false; } @Override public void switchToHeader(Header header) { if (!mInLocalHeaderSwitch) { mCurrentHeader = null; mParentHeader = null; } super.switchToHeader(header); } /** * Switch to parent fragment and store the grand parent's info * * @param className * name of the activity wrapper for the parent fragment. */ private void switchToParent(String className) { final ComponentName cn = new ComponentName(this, className); try { final PackageManager pm = getPackageManager(); final ActivityInfo parentInfo = pm.getActivityInfo(cn, PackageManager.GET_META_DATA); if (parentInfo != null && parentInfo.metaData != null) { String fragmentClass = parentInfo.metaData .getString(META_DATA_KEY_FRAGMENT_CLASS); CharSequence fragmentTitle = parentInfo.loadLabel(pm); Header parentHeader = new Header(); parentHeader.fragment = fragmentClass; parentHeader.title = fragmentTitle; mCurrentHeader = parentHeader; switchToHeaderLocal(parentHeader); highlightHeader(mTopLevelHeaderId); mParentHeader = new Header(); mParentHeader.fragment = parentInfo.metaData .getString(META_DATA_KEY_PARENT_FRAGMENT_CLASS); mParentHeader.title = parentInfo.metaData .getString(META_DATA_KEY_PARENT_TITLE); } } catch (NameNotFoundException nnfe) { Log.w(LOG_TAG, "Could not find parent activity : " + className); } } @Override public void onNewIntent(Intent intent) { super.onNewIntent(intent); // If it is not launched from history, then reset to top-level if ((intent.getFlags() & Intent.FLAG_ACTIVITY_LAUNCHED_FROM_HISTORY) == 0 && mFirstHeader != null && !onIsHidingHeaders() && onIsMultiPane()) { switchToHeaderLocal(mFirstHeader); } } private void highlightHeader(int id) { if (id != 0) { Integer index = mHeaderIndexMap.get(id); if (index != null) { getListView().setItemChecked(index, true); getListView().smoothScrollToPosition(index); } } } @Override public Intent getIntent() { Intent superIntent = super.getIntent(); String startingFragment = getStartingFragmentClass(superIntent); if (startingFragment != null && !onIsMultiPane()) { Intent modIntent = new Intent(superIntent); modIntent.putExtra(EXTRA_SHOW_FRAGMENT, startingFragment); Bundle args = superIntent.getExtras(); if (args != null) { args = new Bundle(args); } else { args = new Bundle(); } args.putParcelable("intent", superIntent); modIntent.putExtra(EXTRA_SHOW_FRAGMENT_ARGUMENTS, superIntent.getExtras()); return modIntent; } return superIntent; } /** * Checks if the component name in the intent is different from the Settings * class and returns the class name to load as a fragment. */ protected String getStartingFragmentClass(Intent intent) { if (mFragmentClass != null) return mFragmentClass; String intentClass = intent.getComponent().getClassName(); if (intentClass.equals(getClass().getName())) return null; return intentClass; } /** * Override initial header when an activity-alias is causing Settings to be * launched for a specific fragment encoded in the android:name parameter. */ @Override public Header onGetInitialHeader() { String fragmentClass = getStartingFragmentClass(super.getIntent()); if (fragmentClass != null) { Header header = new Header(); header.fragment = fragmentClass; header.title = getTitle(); header.fragmentArguments = getIntent().getExtras(); mCurrentHeader = header; return header; } return mFirstHeader; } @Override public Intent onBuildStartFragmentIntent(String fragmentName, Bundle args, int titleRes, int shortTitleRes) { Intent intent = super.onBuildStartFragmentIntent(fragmentName, args, titleRes, shortTitleRes); intent.setClass(this, SubSettings.class); return intent; } /** * Populate the activity with the top-level headers. */ @Override public void onBuildHeaders(List<Header> headers) { loadHeadersFromResource(R.xml.preference_headers, headers); mHeaders = headers; } private void getMetaData() { try { ActivityInfo ai = getPackageManager().getActivityInfo( getComponentName(), PackageManager.GET_META_DATA); if (ai == null || ai.metaData == null) return; mTopLevelHeaderId = ai.metaData.getInt(META_DATA_KEY_HEADER_ID); mFragmentClass = ai.metaData .getString(META_DATA_KEY_FRAGMENT_CLASS); // Check if it has a parent specified and create a Header object final int parentHeaderTitleRes = ai.metaData .getInt(META_DATA_KEY_PARENT_TITLE); String parentFragmentClass = ai.metaData .getString(META_DATA_KEY_PARENT_FRAGMENT_CLASS); if (parentFragmentClass != null) { mParentHeader = new Header(); mParentHeader.fragment = parentFragmentClass; if (parentHeaderTitleRes != 0) { mParentHeader.title = getResources().getString( parentHeaderTitleRes); } } } catch (NameNotFoundException nnfe) { // No recovery } } /** *     :) */ private static class HeaderAdapter extends ArrayAdapter<Header> { static final int HEADER_TYPE_CATEGORY = 0; //  -  static final int HEADER_TYPE_NORMAL = 1; //   -   private static final int HEADER_TYPE_COUNT = HEADER_TYPE_NORMAL + 1; private static class HeaderViewHolder { ImageView icon; TextView title; } private LayoutInflater mInflater; static int getHeaderType(Header header) { //       . //    ID'     return header.fragment == null ? HEADER_TYPE_CATEGORY : HEADER_TYPE_NORMAL; } @Override public int getItemViewType(int position) { Header header = getItem(position); return getHeaderType(header); } @Override public boolean areAllItemsEnabled() { return false; //    } @Override public boolean isEnabled(int position) { return getItemViewType(position) != HEADER_TYPE_CATEGORY; //    -   } @Override public int getViewTypeCount() { return HEADER_TYPE_COUNT; } @Override public boolean hasStableIds() { return true; } public HeaderAdapter(Context context, List<Header> objects) { super(context, 0, objects); mInflater = (LayoutInflater) context .getSystemService(Context.LAYOUT_INFLATER_SERVICE); } @Override public View getView(int position, View convertView, ViewGroup parent) { HeaderViewHolder holder; Header header = getItem(position); int headerType = getHeaderType(header); View view = null; if (convertView == null) { holder = new HeaderViewHolder(); switch (headerType) { case HEADER_TYPE_CATEGORY: //  view = new TextView(getContext(), null, android.R.attr.listSeparatorTextViewStyle); //   "" holder.title = (TextView) view; break; case HEADER_TYPE_NORMAL: //   //    layout  ""  view = mInflater.inflate(R.layout.preference_header_item, parent, false); holder.icon = (ImageView) view .findViewById(android.R.id.icon); //   holder.title = (TextView) view .findViewById(android.R.id.title); //   break; } view.setTag(holder); } else { view = convertView; holder = (HeaderViewHolder) view.getTag(); } // All view fields must be updated every time, because the view may // be recycled switch (headerType) { case HEADER_TYPE_CATEGORY: holder.title.setText(header.getTitle(getContext() .getResources())); break; case HEADER_TYPE_NORMAL: holder.icon.setImageResource(header.iconRes); holder.title.setText(header.getTitle(getContext() .getResources())); break; } return view; } public void resume() { //    -    :) } public void pause() { //    -    :) } } @Override public boolean onPreferenceStartFragment(PreferenceFragment caller, Preference pref) { int titleRes = pref.getTitleRes(); startPreferencePanel(pref.getFragment(), pref.getExtras(), titleRes, null, null, 0); return true; } @Override public void setListAdapter(ListAdapter adapter) { if (mHeaders == null) { mHeaders = new ArrayList<Header>(); for (int i = 0; i < adapter.getCount(); i++) mHeaders.add((Header) adapter.getItem(i)); } super.setListAdapter(new HeaderAdapter(this, mHeaders)); } }
      
      







SubSettingsはSettingsクラスに基づいており([戻る]ボタンのみが異なります)、非タブレットデバイスのメニュー項目間を移動するために使用されます。



src / com / achep / example / SubSettings.class

 public class SubSettings extends Settings { //    "" @Override public boolean onNavigateUp() { finish(); return true; } }
      
      







設定メイン画面:単純なアイテムのレイアウト





レイアウトを使用するアイテムだけを表示するために、猫では使用しなかったものをすべて削除し、タイトルとアイコンのみを残しました。 実際、このレイアウトではサブタイトルを書くことはできませんが、 これにより (たとえば)



レイアウト/ preference_header_item.xml

 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="wrap_content" android:background="?android:attr/activatedBackgroundIndicator" android:gravity="center_vertical" android:minHeight="48.0dip" android:paddingRight="?android:scrollbarSize" > <ImageView android:id="@android:id/icon" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" android:layout_marginLeft="6.0dip" android:layout_marginRight="6.0dip" /> <TextView android:id="@android:id/title" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginBottom="6.0dip" android:layout_marginLeft="2.0dip" android:layout_marginRight="6.0dip" android:layout_marginTop="6.0dip" android:ellipsize="marquee" android:fadingEdge="horizontal" android:singleLine="true" android:textAppearance="?android:textAppearanceMedium" /> </LinearLayout>
      
      







Androidマニフェスト





最後の仕上げ-マニフェストに次のデータを追加します



AndroidManifest.xml

  <!-- Settings --> <activity android:name=".Settings" android:hardwareAccelerated="true" android:launchMode="singleTask" android:taskAffinity="com.achep.example" /> <activity android:name=".SubSettings" android:parentActivityName="Settings" />
      
      







ボーナス:設定で指定されたアイテムをすぐに起動します





この場合、TestFragmentを実行します。



に追加

src / com / achep / example / Settings.class以下の行:

  public static class TestFragmentActivity extends Settings { /* empty */ }
      
      





そして

AndroidManifest.xml

  <activity android:name=".Settings$TestFragmentActivity" android:clearTaskOnLaunch="true" android:parentActivityName="Settings" > <meta-data android:name="com.achep.example.settings.FRAGMENT_CLASS" android:value="com.achep.example.TestFragment" /> <meta-data android:name="com.achep.stopwatch.TOP_LEVEL_HEADER_ID" android:resource="@id/header_test" />
      
      





それだけです:)当然、Settings.classを実行する代わりに、Settings.TestFragmentActivity.classを実行する必要があります



PS:何も言わなかった場合、何かはっきりしないことがあります-トピックで質問してください。



All Articles