Jian-Ke
Sun‡
a,
Ya-Jun
Zhang‡
b,
Gui-Peng
Yu
a,
Jie
Zhang
*bc,
Markus
Antonietti
a and
Jiayin
Yuan
*ade
aMax-Planck-Institute of Colloids and Interfaces, D-14476 Potsdam, Germany. E-mail: jiayin.yuan@mpikg.mpg.de
bState Key Laboratory of Structural Chemistry, Fujian Institute of Research on the Structure of Matter, The Chinese Academy of Sciences, Fuzhou, Fujian 350002, P. R. China
cMOE Key laboratory of Cluster Science, Beijing Key Laboratory of Photoelectronic/Electrophotonic Conversion Materials, School of Chemistry and Chemical Engineering, Beijing Institute of Technology, Beijing, P. R. China
dDepartment of Chemistry & Biomolecular Science& Center for Advanced Materials Processing (CAMP), Clarkson University, 8 Clarkson Avenue, Potsdam, New York 13699, USA
eDepartment of Materials and Environmental Chemistry, Stockholm University, Svante Arrhenius väg 16 C, 10691 Stockholm, Sweden. E-mail: jiayin.yuan@mmk.su.se
First published on 24th May 2018
A nanoporous material bearing a high ion density and inherent organic radical character was synthesized by a facile one-pot process, which exhibits photo-, piezo- and chemochromism, driven by the diverse electron transfer processes between the acceptor framework and different electron donors. The responsive behavior is useful for its sensing application, as demonstrated here for pressure, anion and gas sensing.
Recently, nanoporous ionic organic networks (NIONs) bearing covalently tethered cations and/or anions have emerged as a new class of functional materials.5 Compared with the neutral counterparts, the ions in NIONs increase the adsorbate–adsorbent interaction through polarization effects and coulombic forces,6 and provide dynamic ionic bonds in the host skeleton to modify framework properties by the experimentally easy-to-perform ion exchange reaction.7 In some cases, ion pairs may couple electronically to a conjugated polymer framework to enhance its ion conductivity or enable exotic photoelectrochemical properties.8 Recent observations indicated that high ion density in a conjugated skeleton may promote or bias the internal electron/hole mobility due to charge delocalization effects.9 Inspired by these findings, NIONs are considered as a useful structural toolbox for engineering “smart” materials.
Herein, we report a built-in pyridinium chloride-based NION (termed NION-Cl) consisting of a triazine core and a 1,2-bis(4-pyridinium)ethylene (4,4′-bpe) branch. The electron-deficient pyridinium cation10 has been often used to construct functional organic or metal–organic hybrid materials.11 By integrating pyridinium cations into an organic aromatic skeleton, we observed enhanced photoelectrochemical redox activity, which in combination with the nanopores endows NION-Cl with reversible photo-, piezo- and chemochromism (the latter including solvo-, aniono- and vapochromism).
Scheme 1 Chemical structures and the synthetic route to NION-Cl bearing a pyridinium chloride ion pair. In the first step, a system with two cations per 4,4′-bpe-linker is formed (unstable intermediate), which is so electron-deficient that it is spontaneously reduced11c to the well-known mono-cation-radical under elimination of elemental chlorine. The diagram indicates three possible states: oxidized, reduced, and the monoradical which can disproportionate in the “redox-state”. Note that the central double bond favors stabilization of all 3 states. |
In the scanning electron microscopy (SEM) image (Fig. 1a), NION-Cl exists in the form of primary precipitated particles of 0.5–3 μm in size, which aggregate irregularly into an aerogel-like structure. Energy-dispersive X-ray spectroscopy (EDX) mapping determines the presence of the component elements of C, N, and Cl, which are homogeneously distributed in the network (Fig. 1b–d). Powder X-ray diffraction (XRD) measurements reveal its amorphous state (Fig. S6, ESI†). The N2 sorption isotherm of NION-Cl shows a moderate Brunauer–Emmett–Teller (BET) surface area of 75 m2 g−1 (Fig. S7, ESI†) with a sharp N2 uptake at p/p0 ∼ 0.9, indicative of large mesopores that are confirmed by the pore size distribution plot shown in Fig. S8 (ESI†). As reported previously in ionic metal–organic frameworks (MOFs),10 ionic pairs on the pore wall generate highly polarized, energetic binding sites that preferentially adsorb polar molecules. It is assumed that in NION-Cl the involved high interface energy collapsed the polymer pores throughout solvent removal by high-vacuum thermo-drying, but solvents of high polarity may enter and reopen these pores. Indeed, NION-Cl selectively takes up more polar vapors, e.g., water (216 mg g−1) and alcohols (methanol: 81 mg g−1, ethanol: 42 mg g−1), while nonpolar ones like cyclohexane only bind to the outer surface (10 mg g−1) (Fig. 2). The pore size as revealed by the hysteresis of water sorption experiments nicely coincides with the geometric expectations from the structural model.
Fig. 1 (a) SEM image and (b–d) the corresponding EDX mapping of elements C (red), N (green), and Cl (yellow) in NION-Cl. |
Fig. 2 Sorption isotherms of NION-Cl toward different vapors at 298 K. Solid symbols for the adsorption branch and hollow ones for the desorption branch. |
Photochromism was observed when irradiating NION-Cl under a xenon lamp (200 mW cm−2) at room temperature (RT). A color evolution from yellowish brown to pale violet was spotted in 2 min (Fig. 3a). Continuous irradiation deepens its color to dark violet in 2 h (Fig. 3a). In this process, the photo-induced [2+2] cycloaddition reaction typical for 4,4′-bpe was excluded as no change of the CC vibration signal was detected by IR (Fig. S1, ESI†) and Raman spectroscopy (Fig. S9, ESI†). Photo-induced cis–trans transformation is negligible as no band shift of the olefin group (∼320 nm) was spotted after coloration (Fig. 3b), perhaps due to steric hindrance, i.e. the chains are locked by covalent crosslinks. By contrast, the native 4,4′-bpe monomer undergoes a trans–cis isomerization after irradiation under the same conditions (Fig. S10, ESI†).14 In the UV-Vis diffuse reflectance spectra, photoirradiation creates broad absorption bands in 440–800 nm with a shoulder at 740 nm. Such photo-induced absorption changes are similar to a previous observation in well-studied 4,4′-bipyridinium (viologen) derivatives,15 while these changes are rarely observed in 4,4′-bpe derivatives in the solid state.16 The UV-Vis spectrum of the irradiated sample is highly similar to that of the N-methyl-4-[trans-2-(4-pyridyl)ethenyl] radical (Mebpe) obtained by electrochemical reduction in solution,17 which points to the stable radical state of the irradiated sample.
Photochromism was interpreted as the transfer of the redox linkers in NION-Cl into stable monoradicals by photo-induced electron transfer (ET). The existence of free radicals is confirmed by electron spin resonance (ESR) spectroscopy measurements (Fig. 3c), in which the signal (g = 2.003) right after coloration is massively amplified. Such a process was rarely observed in solid-state 4,4′-bpe derivatives, but it resembles the common photochromism and photogeneration of free radicals in 4,4′-bipyridinium derivatives.15 The dark violet color upon prolonged irradiation is consistent with the build-up of radical concentration in NION-Cl (Fig. S11, ESI†), also underlining the metastability of the poly-radical species. Note that already before irradiation, a radical signal at the same position exists, indicating the presence of a moderate radical species in the sample when synthesized, as shown in Scheme 1.
The concentration and stability of the radicals seem to be high enough that XPS measurements can characterize and differentiate the original and irradiated samples (Fig. 4). Notable shifts of the binding energy in both the Cl 2p and N 1s spectra after irradiation can be observed. In the native sample, the N 1s core-level spectrum can be fitted to two peaks at 400.2 and 398.1 eV attributed to the N atoms of the pyridine/pyridinium and triazine systems, respectively (Fig. 4a). After coloration, a new peak emerged at a lower binding energy (398.9 eV) due to the photo-induced partial reduction of pyridinium nitrogen cations (Fig. 4b). The Cl spectra similarly reveal: besides Cl− (Cl 3d5/2 and 3d3/2 at 196.6 and 198.1 eV, respectively, Fig. 4c), in the photoirradiated sample two new peaks at 199.9 and 201 eV appeared (Fig. 4d) that stem from the partial generation of electrostatically neutral chlorine,15a suggesting that some Cl− anions lost electrons upon photoirradiation and are involved in radical stabilization.
Fig. 4 XPS core-level spectra of N 1s and Cl 2p before (a and c) and after (b and d) photoirradiation. The dashed lines depict the resolved peaks, the sum of which is shown by a red solid line. |
Based on the evidence, the ET process is believed to be shuttled between the electron-rich Cl− anion and the electron-deficient pyridinic N+ cation radical, similar to the previously reported metal–bipyridinium hybrids.15 Shuttling by the Cl-radical occurs going from a linker-to-linker unit, leading to equilibration. Further proof is provided by a control experiment by exchanging Cl− with BF4− (Fig. S12, ESI†) that is of lower electrochemical activity. The resultant material is “photo-inert” and does not change its color under the same conditions due to the lack of Cl− that forbids the aforementioned ET process. It is worth mentioning that the photochromism is reversible (Fig. 3a and d) upon storage of the sample in the dark for days at RT, suggesting the acceleration effect of oxygen on free radical quenching despite the fact that the reversible back electron transfer from pyridinium to Cl− may occur.11a Such a process can be further accelerated by annealing at 100 °C.
Interestingly, NION-Cl is also sensitive to pressure (piezochromism). In Fig. 5a, NION-Cl in a disc shape gradually deepens its color under an external mechanical pressure from 0 to 9 MPa. The IR spectra before and after the pressing treatment show little-to-no difference (Fig. S13, ESI†), indicating its chemical structural stability upon such a treatment. In combination with ESR (Fig. 5b), UV-Vis (Fig. S14, ESI†), and XPS analyses (Fig. S15, ESI†), piezochromism was identified to follow a similar ET process as discussed above for photochromism. The piezochromism however cannot be quickly reversed by releasing the exerted external pressure alone, as it is stable in air at least for several weeks, implying that radicals created by mechanical forces are locked due to perhaps a deformed metastable state of the porous framework. Considering that the external mechanical pressure is in a quasi-linear relationship to the detected ESR intensity (Fig. 5c), NION-Cl is expected to serve as a pressure sensor or a “pressure memory” material.18 For example, NION-Cl plastics can be processed by the mould casting technique (Fig. 5d–f), and the color of the product can “visualize” the maximum pressure exerted on itself during processing.
NION-Cl shows chemochromism as well. In this context, three types of chemical stimuli i.e. solvent, anion and vapor were employed. Solvochromism took place in CH3CN, in which NION-Cl turned dark brown, a state that can be reversed by vacuum and thermal-treatment of the sample to remove CH3CN (evidenced in the IR spectra in Fig. S16 (ESI†) that show no CH3CN residue bands). It did not occur in other solvents tested, e.g., THF, acetone, ether, cyclohexane, MeOH or EtOH (Fig. 6a). CH3CN was obviously able to stabilize the monoradical state of the framework in the charge delocalized skeleton. This hypothesis was supported by XPS measurements, which shows a typical binding energy shift of the N 1s core spectrum (Fig. S17, ESI†); meanwhile, the Cl 2p core peak remains the same, as shown in Fig. S18 (ESI†). The generated free radical accounting for solvochromism was further evidenced by UV-Vis and ESR spectra (plots and discussion in Fig. S19 and S20, ESI†).
Fig. 6 Chemochromism of NION-Cl. (a) Solvochromism in CH3CN, (b) anionochromism toward N(CN)2− anion, and (c) vapochromism towards NH3. |
Similarly, NION-Cl exhibits anionochromism in contact with strong electron donating anions, here dicyanamide (N(CN)2−, 0.01 M in ethanol). N(CN)2− changes NION-Cl from yellowish brown to dark brown via a spontaneous ET process similar to that in photochromism, which was demonstrated by the data collected from and discussion conducted on the IR, UV-Vis, ESR and XPS spectra shown in Fig. S21 and S24 (ESI†). In contrast other anions, e.g. SO42−, BF4−, NO3− OAc−, NO2− or F− failed (Fig. 6b). The significance is that the threshold N(CN)2− concentration that can deliver a clear message of coloration for a detectable anionochromism goes as low as 10 ppm (Fig. S25, ESI†), and the colored state can last for a long time, which positions NION-Cl in the sensory range for N(CN)2− detection. Moreover, vapor can be a stimulus as well. NION-Cl fine powers casted into a white filter paper (NION-Cl@filter paper) features vapochromism and turns deep brown in contact with NH3 gas at a concentration above 100 ppm (Fig. 6c). Here, the NH3 molecule is expected to act as the radical stabilizer, as reported in the literature19 and evidenced here by Raman, UV-Vis, ESR and XPS measurements in Fig. S26 and S29 (ESI†). Such a colored state is stable in air but can be resorted by the removal of NH3via thermal treatment.
Footnotes |
† Electronic supplementary information (ESI) available: Additional characterization of NIONs and their application. See DOI: 10.1039/c8tc01324a |
‡ These authors contributed equally to this work. |
This journal is © The Royal Society of Chemistry 2018 |